分类 webpack 下的文章
1.由于使用 uglifyjs-webpack-plugin 插件打包会报错，不在介绍使用方法，2.使用webpack提供的删除console的插件：安装terser-webpack-pluginnpm install terser-webpack-plugin -D
然后在vue.config.js中写插件的配置：module.export = {
configureWebpack: (config)=>{
if(process.env.NODE_ENV === 'production'){
config.optimization.minim- 阅读剩余部分 -
最近做webpack基于vue-cli的打包优化，调试到productionGzip文件压缩优化，在项目 根目录config/index.js 中 build 对象内找到 productionGzip: false， 把 false改为true 实现启用。属性值修改后，这个时候可以执行 npm run build。但是会报错compiler.hooks.emit.tapAsync({ name: 'CompressionPlugin' }, emit);
排查了下原因，然后我去看了下：https://www.npmjs.com/package/compression-w- 阅读剩余部分 -
随着项目越来约庞大，导致构建包的时候速度缓慢！首先推荐使用wepback的可视化资源分析工具。以下给出webpack-bundle-analyzer配置【vue-cli构建项目时会自动配置好】安装webpack-bundle-analyzer控制台输入npm/cnpm install --save-dev webpack-bundle-analyzerconfig/index.js文件中module.exports = {
build: {
...
// Run the build command with an extra argument to
- 阅读剩余部分 -
问题描述：只能用http://localhost:8080访问项目,不能用http://本机IP:8080访问解决方案一：webpack dev配置文件中加上host:'0.0.0.0'
解决方案二：在 npm run dev 时添加参数 --host 0.0.0.0即可或者在webpack的package.json"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host - 阅读剩余部分 -
在项目上线之前解决开发调试过程中打印的console.log如图，找到build/webpack.prod.conf.js在 UglifyJsPlugin 插件下添加下列代码 drop_debugger: true,
drop_console: true
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
You need to specify 'style-loader' instead of 'style',
see https://webpack.js.org/guides/migrating/#automatic-loader-module-name-extension-removed
Webpack新版本要求配置module- 阅读剩余部分 -