关于webpack的版本致使的postcss-loader的问题

来源自问题css

https://segmentfault.com/q/1010000006987956html

!!!发现这解决方案仍是不能用,估计是webpack又更新了一轮,请看看下下方的答案
某个版本webpack的解决方案的复制(亲测webpack v2.4.1是不能用的):node

plugins: {
  new webpack.LoaderOptionsPlugin({
    options: {
      postcss: function () {
        return [precss, autoprefixer];
      },
      devServer: {
        contentBase: "./public", //本地服务器所加载的页面所在的目录
        colors: true, //终端中输出结果为彩色
        historyApiFallback: true, //不跳转
        inline: true //实时刷新
      }
    }
  })
}

这是另一个地方的答案范本,亲测可用webpack

module:{
        loaders:[{
            test:/\.js$/,
            loader:'babel-loader',
            exclude:path.resolve(__dirname,'/node_modules/'),
            include:path.resolve(__dirname,'/src/'),
            query:{
                presets:["es2015"]
            }
        },{
            test:/\.css$/,
            use:[
            "style-loader",
            {
                loader:"css-loader",
                options:{importLoaders:1}
                // 上面这句话的意思为若是css中有import进来的文件也进行处理
            },
            {
                loader:"postcss-loader",
                options:{
                    plugins:(loader)=>[require('autoprefixer')()]
                }
            }]
        }]
    },
    plugins:[
        new htmlWebpackPlugin({
            filename:'index.html',
            template:'index.html',
            inject:'body'
        })
    ]

若是是在webpack中的另外一种语法中,那么要这样使用?
loader:'style-loader!css-loader?importLoaders=1!postcss-loader'
这里的?是起一种传参的做用。web

相关文章
相关标签/搜索