摘要: 多页面应用-抽离公共模块 optimization: { splitChunks: { // 分割代码块(多页应用才会用到) cacheGroups: { //缓存组 common: { // 公共的模块 chunks: "initial", // 从开始处抽离,有多种配置,像异步模块什么的 min 阅读全文
posted @ 2020-04-12 17:16 前端小厨-美食博主 阅读(308) 评论(0) 推荐(0) 编辑
摘要: webpack自带优化 --1)tree shaking --2) scope hosting test.js let sum = () => { return 10; } let mmsum = () => { return 20; } export default { sum, mmsum } 阅读全文
posted @ 2020-04-12 17:06 前端小厨-美食博主 阅读(191) 评论(0) 推荐(0) 编辑
摘要: noParse --不解析模块中的依赖关系 提高打包效率 webpack.config.js module: { noParse: /jquery/, // 不解析模块中的依赖关系 提高打包效率 rules: [ { test: /\.js$/, use: { loader: 'babel-load 阅读全文
posted @ 2020-04-12 17:01 前端小厨-美食博主 阅读(1003) 评论(0) 推荐(0) 编辑
摘要: webpack区分不同环境 --创建不同环境的配置文件 使用webpack-merge 合并webpack不同环境配置文件 通过npx webpack --config 相应环境配置文件 打包 或者配置package.json中的 scripts webpack.dev.js // webpack- 阅读全文
posted @ 2020-04-12 16:51 前端小厨-美食博主 阅读(472) 评论(0) 推荐(0) 编辑
摘要: watch用法 --实时打包 webpack.config.js watch: true, watchOptions: { // 监控 poll: 1000, // 每秒 1000次 aggregateTimeout: 500, // 防抖 ignored: /node_modules/ // 不需 阅读全文
posted @ 2020-04-12 16:32 前端小厨-美食博主 阅读(465) 评论(0) 推荐(0) 编辑