autoprefixer没有生效

首页课程实战体系课手记专栏慕课教程

autoprefixer没有生效

来源：3-3 使用 Loader 打包静态资源（样式篇 - 上）

低级前端开花工程师

2019-08-19

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin') // 自动生成html文件，并自动引入打包后的js
const {CleanWebpackPlugin} = require('clean-webpack-plugin') // 打包前先删除dist目录

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',

    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [{
      test: /\.(css|scss)$/,
      use: [
        'style-loader',
        {
          loader: 'css-loader',
          options: {
            importLoaders: 2
          }
        },
        'postcss-loader',
        'sass-loader'
      ]
    }]
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: '处理 CSS/SCSS',
      filename: 'index.html',
      template: 'index.html'
    }),
    new CleanWebpackPlugin()
  ]
}

图片描述

图片描述
这是配置文件和postcss.config.js文件，但是打包后的html并没有添加浏览器前缀，postcss-loader也在sass-loader前面呢，不知道咋回事了

写回答

2回答

慕尼黑9181632

慕尼黑9181632

2019-08-27

postcss-loader要读取Browserslist的,官网写的很清楚

去配置下 browsersList

//img1.sycdn.imooc.com/szimg/5d641a03094cb6b018740602.jpg

1

0

Dell

Dell

2019-08-20

postcss-loader 放在css-loader上面试试

0

2

Dell

回复

低级前端开花工程师

那我知道了，你去配置下打包的环境，environment，默认打包可能就不支持低版本浏览器，你把environment设置低一点，就好了

2019-08-23

共2条回复

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3627 学习 · 1291 问题

相似问题

autoprefixer打包没有添加厂家前缀问题

回答 2

autoprefixer无效

回答 2

老师救命啊，externals element-ui不生效打包完还在,另外两个生效的

回答 1

DllPlugin和SplitChunks冲突问题

回答 1

autoprefixer对import的less文件不生效

回答 1

打开慕课网App查看更多内容