webpack
取名好樊
小小一码农
展开
-
差异化打包:控制是否cdn资源引入
需求: 根据环境变量不同控制是否cdn资源引入。项目背景:vue lic 3主要是使用webpack配置属性externals来实现。externals属性会从输出的 bundle 中排除依赖。我们需要在package.json中依然添加入依赖。然后通过环境变量动态控制external属性。同时在public/index.html中通过jsp 动态控制cdn加载。代码:package.js...原创 2020-04-02 20:42:18 · 217 阅读 · 0 评论 -
webpack差异化打包NormalModuleReplacementPlugin
项目需求需要根据不同的使用场景进行差异话打包,一些文件分属不同的包使用。我这里是Vue CLI项目主要使用webpack的NormalModuleReplacementPlugin插件。将route文件,提供你需要的版我这里用route/index_Version_A.js和route/index_Version_B.js替换。在main.js和需要引入route/index.js的地方引入ro...原创 2020-04-02 20:16:28 · 3195 阅读 · 0 评论 -
Vue CLI开启webpack打包gzip压缩和nginx进行gzip压缩
Vue CLI开启webpack打包gzip压缩在webpack打包过程中开启gzip压缩,能够有效的压缩js、css、html文件,加快页面的加载速度。我们只需要在vue.config.js文件中加入配置,就可以在打包过程中将相应的文件进行gzip压缩了。configureWebpack: config => { config.plugins.push(new Compressio...原创 2020-04-02 19:55:34 · 929 阅读 · 0 评论 -
解决:Cannot read property 'tap' of undefined
启动项目发现报错信息如下:D:\study\blog-front-master\blog-front-master\node_modules\webpack\lib\ProgressPlugin.js:205 compilation.hooks.addEntry.tap("ProgressPlugin", entryAdd); ...原创 2019-01-09 16:08:27 · 39829 阅读 · 11 评论