webpack给样式添加前缀

添加前缀的样式为：

.code {
    user-select: none;//css3中用户是否可以选中文本
}

 下载插件的命令：

npm i -D postcss-loader autoprefixer

webpack.config.js文件

const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const { resolve } = require('path')
module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output: {
        path: resolve(__dirname, 'dist'),
        filename: 'main.js'
    },
    module: {
        rules: [
            // 指定多个配置规则
            {
                test: /\.css$/i,
                use: [
                    // 'style-loader',

                    // 3. 将css打包到独立文件中
                    MiniCssExtractPlugin.loader,

                    //2. css-loader按照common.js贵伐，将样式文件输出的熬js中
                    'css-loader',

                    //1。通过 postcss-loader 给样式属性添加浏览器的前缀