webpack其他配置
一、提取公共代码
使用到的插件：webpack-merge
1.安装
npm i webpack-merge -D
2.提取公共代码
1）创建webpack.base.js，将webpack.dev.js和webpack.pro.js中的公共代码提取到webpack.base.js中
2）在webpack.dev.js和webpack.pro.js中导入webpack.base.js文件以及webpack-merge模块
3）在webpack.dev.js和webpack.pro.js中各自保留其需要使用的代码
3.使用
在webpack.dev.js和webpack.pro.js中使用module.exports导出各自的配置对象以及webpack.base.js基础的配置对象
比如：webpack.dev.js中
const baseConfig = require('./webpack.base')//基础配置对象
const merge = require('webpack-merge')//合并代码的函数
const devConfig = {
devServer: {
contentBase: resolve(__dirname, 'dist'),
compress: true,
port: 3000,
open: true,
hot: true
},
mode: 'development'
}
module.exports = merge(baseConfig, devConfig)//导出基础对象和这个页面的配置对象 
查看27道真题和解析
投递小红书等公司8个岗位 >