本文为我的学习笔记,适合有 Vue.js 2.0 基础的人阅读。
1,下载基础设置
克隆Vue-next-Webpack-preview项目,它将为我们提供包括Vue 3在内的最小的Webpack设置。
$ git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment $ cd vue3-experiment $ npm install
2,添加sass 支持
npm install --save-dev style-loader node-sass sass-loader
在webpack.config.js 中添加
module: {
rules: [
...
{
test: /\.scss$/,
loaders: ["style-loader", "css-loader", "sass-loader"]
}
]
}
在*.vue 文件的 style标签中,添加属性 lang=”scss” 即可支持scss。
未完待续
声明:本站所有文章和图片,如无特殊说明,均为原创发布,转载请注明出处。