js加版本号 webpack_webpack设置版本号和处理成单独的文件

前言：webpack4 开始使用： mini-css-extract-plugin插件, 1-3 的版本可以用： extract-text-webpack-plugin

一、新建一个webpack.production.config.js的js文件

二、安装mini-css-extract-plugin插件

npm install --save-dev mini-css-extract-plugin

三、接下来的 css的处理我们都把mode设置为 production。

module.exports = {

mode: 'production', //将原来的development修改为production

entry: './src/index.js',

……

四、 抽取了样式，就不能再用 style-loader注入到 html 中了，所以将原来的style-loader改成MiniCssExtractPlugin.loader,

const path = require('path');

//一、导入插件

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

//二、判断是处于什么环境

const devMode = process.env.NODE_ENV !== 'production'; // 判断当前环境是开发环境还是 部署环境，主要是 mode属性的设置值。

module.exports = {

mode: 'production', //生产环境务必记得修改