![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
przlovecsdn
这个作者很懒,什么都没留下…
展开
-
通过webpack之externals配置减少打包vendor体积
1、在webpack.base.conf.js中配置 module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, externals: { 'vue': 'Vue', "element-ui": "ELEMENT", "vue-router": ...原创 2018-08-08 15:54:34 · 5327 阅读 · 2 评论 -
vue中使用jQuery
1、 npm install jquery --save 2、在webpack.base.config.js中添加 module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, ...... plugins: [ new webpack.ProvidePl...原创 2018-08-08 16:00:45 · 270 阅读 · 0 评论 -
react打包通过image-webpack-loader插件对图片压缩优化
react正常打包之后一些图片文件很大,使打包体积很大,通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积 step1:npm install image-webpack-loader --save-dev step2:在config/webpack.config.prod.js中改如下配置 module.exports = { module: {...原创 2018-09-18 17:52:06 · 2897 阅读 · 1 评论 -
vue打包通过image-webpack-loader插件对图片压缩优化
vue正常打包之后一些图片文件很大,使打包体积很大,通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积 step1:npm install image-webpack-loader --save-dev step2:在build/webpack.base.conf.js中改如下配置 module.exports = { module: { ...原创 2018-09-18 17:57:17 · 15835 阅读 · 2 评论 -
vue通过DllPlugin插件优化打包性能,减少打包时间(基于vue-cli)
step1:在build文件夹下新建 webpack.dll.conf.js 文件(即和webpack.base.conf.js同级) const path = require('path') const webpack = require('webpack'); module.exports = { output: { filename: 'dll/[name].dll.js',...原创 2018-09-18 18:18:52 · 4961 阅读 · 2 评论 -
快速删除node_modules文件夹
step1: npm install rimraf -g step2: rimraf node_modules原创 2018-09-18 18:21:35 · 1574 阅读 · 0 评论