为了账号安全,请及时绑定邮箱和手机立即绑定

postcss-loader配置好了,运行之后也没有报错,可是在浏览器中查看并没有加上前缀,问什么?

postcss-loader配置好了,运行之后也没有报错,可是在浏览器中查看并没有加上前缀,好疑惑??麻烦老师、大神帮忙看下,谢谢!!

http://img1.sycdn.imooc.com//592548750001efcf07400950.jpghttp://img1.sycdn.imooc.com//59254942000155d816140483.jpg


以下是代码:

var htmlWebpackPlugin=require("html-webpack-plugin");

var path=require('path');

var webpack = require('webpack');

module.exports={

     entry:"./src/app.js",

     output:{

         path:"/webpack_demo/dist",

         filename:"js/[name].js",

     },

     module:{

         rules:[

             {

                 test:/\.js$/,

                 loader:'babel-loader',

                 exclude:path.resolve(__dirname,'node_modules'),

                 include:path.resolve(__dirname,'src/'),

                 query:{

                 presets:['latest']

             }

             },

             {

                 test:/.\css$/,

                 loader:'style-loader!css-loader?importLoaders=1!postcss-loader'

             }

        

         ]

     },

     plugins:[

             new htmlWebpackPlugin({

                     template:"index.html",

                     filename:"index.html",

                     inject:"body"

             }),

             new webpack.LoaderOptionsPlugin({

                      options: {

                                postcss: function() {

                                          return [

                                            require('autoprefixer')({

                                              broswers: ['last 5 versions']

                                            })

                                          ]

                                }

                      }

                })

     ]

}


正在回答

3 回答

module.exports = {plugins: [require('autoprefixer')({// browsers: ["last 5 versions"]overrideBrowserslist: ["last 5 versions"]})]}
0 回复 有任何疑惑可以回复我~
#1

倾城一笑stu

module.exports = { plugins: [ require('autoprefixer')({ // browsers: ["last 5 versions"] overrideBrowserslist: ["last 5 versions"] }) ] }
2019-09-17 回复 有任何疑惑可以回复我~

同问,我也碰到这个问题了

0 回复 有任何疑惑可以回复我~

{
   test:/\.less$/,
   loaders:['style-loader','css-loader',{
       loader: 'postcss-loader',
       options: {
           plugins: [
               require('autoprefixer')({
                   browsers: ["last 5 versions"]
               })
           ]
       }
   },'less-loader']
}


  1. 我是使用这种方式能够实现(flex在common.css里边的时候管用)

  2. 但是在使用@import引入别的css的时候importLoaders=1和后变的postcss-loader出现了问题。

  3. 老师上课用的webpack才1.x,先在使用的都快3.x了,所以有版本的问题。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

postcss-loader配置好了,运行之后也没有报错,可是在浏览器中查看并没有加上前缀,问什么?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信