Vue sass-loader安装
1,安装sass的依赖包npm install --save-dev sass-loader如果出错,因为sass-loader版本过高导致,可将版本改为7.3.1,然后再重新安装,若是还过高,则重装6.xcnpm i sass-loader@6.x --save-dev2,安装node-sass (sass-loader依赖于node-sass)npm install --save-dev no
·
1,安装sass的依赖包
npm install --save-dev sass-loader
如果出错,因为sass-loader版本过高导致,可将版本改为7.3.1,然后再重新安装,若是还过高,则重装6.x cnpm i sass-loader@6.x --save-dev
2,安装node-sass (sass-loader依赖于node-sass)
npm install --save-dev node-sass
3,先在根目录下创建webpack.base.conf.js文件,再做以下配置
module.exports = {
rules: [
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
]
}
注意:下面这个 加不加视情况定(css的)
{
test:/\.css$/,
loader:'style-loader'
},
{
test:/\.css$/,
loader:'css-loader'
},
4,修改style标签
<style lang="scss">
更多推荐
已为社区贡献4条内容
所有评论(0)