作者:纯果多肽-小芳 | 来源:互联网 | 2023-09-23 22:36
首先webpack.config.js中加载loadermodule.exports{__dirname是nodejs里的一个全局变量,他指向我们的根目录entry入口文件路径en
首先webpack.config.js中加载loader
module.exports = {
// __dirname是nodejs里的一个全局变量,他指向我们的根目录
//entry入口文件路径
entry: __dirname + '/app/main.js',
//出口文件位置
output: {
path: __dirname + '/public', //出口文件位置
filename: 'webpack.js' //出口文件名
},
module: {
loaders: [
{
test: /\.css$/,
loader: "style-loader!css-loader!postcss-loader"
}
]
}
}
我们这里使用了postcss-loader,但是他需要依赖项,直接在下方require并没有卵用,这里采纳网友的做法,亲测可用,就分享一下
主要是重置了postcss.config.js的配置项
我们在webpack.config.js的同级目录下新建postcss.config.js文件,配置如下
module.exports = {
plugins: [
require('autoprefixer')
]
}
截下来我们在来运行webpack就可以了,我们右击审查元素,发现css3属性已经给加上了浏览器前缀,但是貌似没有-moz-