weixin_43837268的博客

一 、SplitChunks插件配置选项 chunks选项，决定要提取那些模块。 默认是async：只提取异步加载的模块出来打包到一个文件中。 异步加载的模块：通过import('xxx')或require(['xxx'],() =>{})加载的模块。 initial：提取同步加载和异步加载模块，如果xxx在项目中异步加载了，也同步加载了，那么xxx这个模块会被提取两次，分别打包到不同的文件中。 同步加载的模块：通过import xxx或require('xxx')加载的模.

sourceMap：是否为压缩后的代码生成对应的 Source Map，默认为不生成，开启后耗时会大大增加。一般不会把压缩后的代码的 Source Map 发送给网站用户的浏览器，而是用于内部开发人员调试线上代码时使用。 beautify： 是否输出可读性较强的代码，即会保留空格和制表符，默认为是，为了达到更好的压缩效果，可以设置为false。 comments：是否保留代码中的注释，默认为保留，为了达到更好的压缩效果，可以设置为false。 compress.warnings：是否在 Uglif..

1、打包报错问题 升级最新uglifyjs npm i uglifyjs-webpack-plugin -S 2、打包后部分ios机型不显示问题处理 添加兼容safari10 new UglifyJsPlugin({ uglifyOptions:{ mangle: { safari10: true }, } }) ...

1、你知道webpack的作用是什么吗 1）模块打包。可以将不同模块的文件打包整合在一起，并且保证它们之间的引用正确，执行有序。利用打包我们就可以在开发的时候根据我们自己的业务自由划分文件模块，保证项目结构的清晰和可读性。 2）编译兼容。在前端的“上古时期”，手写一堆浏览器兼容代码一直是令前端工程师头皮发麻的事情，而在今天这个问题被大大的弱化了，通过webpack的Loader机制，不仅仅可以帮助我们对代码做polyfill，还可以编译转换诸如.less, .vue, .jsx这类在浏览器无法识别的..

(一) 前言 新开了pc项目, 安装babel最新已经到7，既然如此，就把老项目和新项目统一换到babel@7 (二) 升级 使用官方命令直接升级 # 不安装到本地而是直接运行命令，npm 的新功能 npx babel-upgrade --write # 或者常规方式 npm i babel-upgrade -g babel-upgrade --write 基本就是将babel- 替换成@babel/ 比如如下图 (三) 升级中遇到的问题 修改babel-polyfill

1.下载一个测试用的react包【测试使用】 cnpm i react --save-dev 2.在index.js中引入【测试使用】 import 'react' 3.在webpack.config.js const path=require('path'); const HtmlWebpackPlugin=require('html-webpack-plugin'); //cs...

1.在package.json中配置 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server --env development", "build": "webpack --env production", "...

1.修改webpack.config.js【注释掉生成html的插件】 const path=require('path'); //生成html // const HtmlWebpackPlugin=require('html-webpack-plugin'); //css打包分离 const ExtractTextPlugin = require('extract-text-webpack-...

1.下载依赖 cnpm install --save-dev webpack-bundle-analyzer 2.修改webpack.config,js const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = { plugins: [...

1.下载依赖 cnpm i css-loader style-loader --save-dev 2.webpack.config.js【css加载】 const path=require('path'); //webpack生成html const HtmlWebpackPlugin=require('html-webpack-plugin'); const PATHS={ ap...