![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Leon_94
Just Code IT!
展开
-
webpack 配置 devtool
在开发环境中我们使用:cheap-module-eval-source-map module.exports = { devtool: 'cheap-module-eval-source-map', entry: __dirname + "/app/main.js", //已多次提及的唯一入口文件 output: { path: __dirname + "/public"...原创 2018-06-19 16:05:38 · 3696 阅读 · 0 评论 -
webpack打包优化
1.减小文件搜索范围 配置resolve.modules Webpack的resolve.modules配置模块库(即 node_modules)所在的位置,在 js 里出现 import ‘vue’ 这样不是相对、也不是绝对路径的写法时,会去 node_modules 目录下找。但是默认的配置,会采用向上递归搜索的方式去寻找,但通常项目目录里只有一个node_modules,且是在项目根目录,为...原创 2018-12-13 14:25:47 · 246 阅读 · 0 评论 -
webpack-DllPlugin优化打包性能(基于vue-cli)
1.介绍 Dll这个概念应该是借鉴了Windows系统的dll。一个dll包,就是一个纯纯的依赖库,它本身不能运行,是用来给你的app引用的。 打包dll的时候,Webpack会将所有包含的库做一个索引,写在一个manifest文件中,而引用dll的代码(dll user)在打包的时候,只需要读取这个manifest文件,就可以了。 简单说 将静态资源文件(运行依赖包)与源文件分开打包,先使用Dl...原创 2018-12-13 14:27:00 · 1245 阅读 · 0 评论