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

postcss_loader

老师用的版本是1,2之后就不能自定义属性了,要用postcss怎么处理的?

正在回答

1 回答

module:{

rules:[

{

test: /\.js$/,

loader:'babel-loader',

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

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

// exclude:'./node_modules/',

// include:'./src/',

query:{

presets:['latest']

}

},

{

test: /\.css$/,

use:[

    'style-loader',

                    {

                          loader: 'css-loader',

                          options: {

                            importLoaders: 1

                          }

                    },

{

           loader: 'postcss-loader',

           // options: {

           //   plugins: function () {

           //     return [

           //       require('autoprefixer')

           //     ];

           //   }

           // }

       }

],

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

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

},

{

test:/\.less$/,

use:[

'style-loader',

'css-loader',

'postcss-loader',

'less-loader'

]

},

{

test:/\.scss$/,

use:[

'style-loader',

'css-loader',

'postcss-loader',

'sass-loader'

]

},

{

test:/.\html$/,

loader:'html-loader'

},

{

test:/.\.(png|jpg|jpeg|svg|gif)/i,

loader:'file-loader' 

}

]

},

plugins:[

        new webpack.LoaderOptionsPlugin({

            options : {

                postcss : function(){

                    return [

                        require('autoprefixer')({

                            broswers : ['last 5 versions']

                        })

                    ];

                }

            }

        }),

new htmlWebpackPlugin({

filename:'app.html',

template:'app.html',

inject:'head',//false 不注入 当手动注入到模板时

title:'webpack is app',

date: new Date(),

chunks:['main']

// excludeChunks

// minify: {

// removeComments:true,

// collapseWhitespace:true

// }

}),

new htmlWebpackPlugin({

filename:'a.html',

template:'index.html',

inject:'head',//false 不注入 当手动注入到模板时

title:'webpack is a',

date: new Date(),

chunks:['a']

// excludeChunks

// minify: {

// removeComments:true,

// collapseWhitespace:true

// }

}),

new htmlWebpackPlugin({

filename:'b.html',

template:'index.html',

inject:'head',//false 不注入 当手动注入到模板时

title:'webpack is b',

date: new Date(),

chunks:['b']

// minify: {

// removeComments:true,

// collapseWhitespace:true

// }

}),

new htmlWebpackPlugin({

filename:'c.html',

template:'index.html',

inject:'head',//false 不注入 当手动注入到模板时

title:'webpack is c',

date: new Date(),

chunks:['c']

// minify: {

// removeComments:true,

// collapseWhitespace:true

// }

})

]



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

举报

0/150
提交
取消
webpack深入与实战
  • 参与学习       86555    人
  • 解答问题       721    个

webpack实战教程,用真实项目带你探索 webpack 强大的功能

进入课程

postcss_loader

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号