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

css-loader 的参数为什么加上报错

为什么我的在css-loader后面加上参数就会报错呢 {test: /\.css$/,use: [ 'style-loader','css-loader?importLoaders=1',          {            loader: 'postcss-loader',            options: {              plugins: function () {                return [                  require('autoprefixer')                ]; } }} ] }

正在回答

3 回答

rules: [
   {
       test: /\.js$/,
       include: path.resolve(__dirname,'src'),
       exclude: path.resolve(__dirname,'node_modules'),
       loader: "babel-loader"
   },
   {
       test: /\.css$/,
       use: [
           'style-loader', {
               loader: 'css-loader',
               options: {
                   // modules: true // 设置css模块化,详情参考https://github.com/css-modules/css-modules
               }
           }, {
               loader: 'postcss-loader',
               // 在这里进行配置,也可以在postcss.config.js中进行配置,详情参考https://github.com/postcss/postcss-loader
               options: {
                   plugins: function() {
                       return [
                           require('precss'),
                           require('autoprefixer')
                       ];
                   }
               }
           }
       ]
   }
   ,{
       test: /\.less$/,
       use: [
           'style-loader', 'css-loader', {
               loader: "postcss-loader",
               options: {
                   plugins: function() {
                       return [
                           require('autoprefixer')
                       ];
                   }
               }
           }, 'less-loader'
       ]
   }
]

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

{
   test: /\.css$/,
   use: [
       {loader: 'style-loader'},
       {loader: 'css-loader'},
       {
           loader: 'postcss-loader',
           options: {
               plugins: function () {
                   return [
                       require('precss'),
                       require('autoprefixer')
                   ];
               }
           }
       }
   ]
}


WEBPCAK2 不支持 直接在后面带参数吧

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

百度了说是不能直接定义自定义配置,在全局的plugins底下写一个函数就可以了:

new webpack.LoaderOptionsPlugin({

      options: {

        postcss: function() {

          return [

            require('autoprefixer')({

              broswers: ['last 5 versions']

            })

          ]

        }

      }

    })

注意引入webpack

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

举报

0/150
提交
取消

css-loader 的参数为什么加上报错

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