webpack

97 阅读1分钟

vue项目里面用到的webpack

1.plugins和loader的区别
loader:对于模块源码的转换 style-loader css-loader less-loader vue-loader json-loader
plugins:loader处理不了的事情,从打包优化和压缩,到重新定义环境变量,功能强大到可以用来处理各种各样的任务
2.vue-cli3打包项目引入外部CDN资源文件
参考https://blog.csdn.net/litty_123/article/details/113891987
3.因为集成化的组件,不满足项目的需求,修改node_modules里面的组件,将修改好的组件,上传到git或者svn便于其他人的开发,以及后期维护
需要修改vue.config.js里面的webpack的alias,将要修改的文件,放到src下面相关的文件夹下,将文件里面的相对路径换成绝对路径,详情可以参考别人的网址,里面有具体的使用方法https://www.cnblogs.com/baixiaoxiao/p/12964170.html

4.webpack-bundle-analyzer  视图化
5.开启gzip
6.去掉全局的console.log  下载插件