09-webpack5学习-使用webpack-merge区分环境打包

纯黑色山羊

已于 2022-06-19 13:31:57 修改

阅读量583

点赞数

分类专栏： webapck5 文章标签： webpack 学习 javascript

于 2022-06-18 16:13:21 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_39876270/article/details/125345103

版权

项目结构

webpackMergeConfig
│  package-lock.json
│  package.json
└─webpackConfig
│      webpack.dev.js
│      webpack.pro.js
│      webpack.base.js
└─src
		index.css
        index.js
        index.css

安装依赖

在webpackDevServer目录下运行

npm i webpack webpack-cli html-webpack-plugin css-loader style-loader mini-css-extract-plugin webpack-merge --save-dev

webpack相关配置文件

webpack.base.js

const {
    resolve } = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
   
	entry:resolve(__dirname,"../src/index.js");
	output:{
   
		path:resolve(__dirname,