vue2 工程构建笔记

npm install 模块名 --save-dev(关于环境的,表现为npm run dev 启动不了)
npm install 模块名 --save(关于项目的,比如main.js,表现为npm run dev 成功之后控制台报错)

Vue2 全家桶构建:
vue init webpack vue-bucket
cd vue-bucket
npm install
npm run dev(测试是否成功)
相关插件安装:
npm install vuex --save
npm install vue-resource --save(推荐使用axios:  npm install axios --save)

样式相关:
npm install css-loader style-loader --save-dev
npm install less less-loader --save-dev


CSS常用样式库:
npm install --save normalize.css

字体(将字体文件打包):
npm install file-loader --save-dev
图片(转化成base64格式):
npm install url-loader --save-dev


其他:
npm install iview --save

npm install tldjs --save

npm install js-cookie --save


兼容IE垫片:

npm install babel-polyfill --save-dev

css-loader会遍历 CSS 文件,然后找到 url() 表达式然后处理他们,style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中。
webpack配置loader时是可以不写loader的后缀明-loader,因此css-loader可以写为css





原文地址:https://www.cnblogs.com/hzj680539/p/6596429.html