框架-vue-cli
- 安装:npm install vue-cli -g
- 更新: npm update vue-cli
- 生成项目:vue init webpack Vue-Project,
vue-cli中配置sass:
一、安装对应依赖node模块:
npm install node-sass --save-dev
npm install sass-loader --save-dev
二、在build的webpack.base.conf.js的rules里增加
{ test: /\.scss$/, loaders: ["style", "css", "sass"] },
三、在用scss的地方写上
<style lang="scss" scope></style>
这里需要说明一下scoped是让样式只在当前组件或者视图中起作用的。
资料:
- http://www.runoob.com/w3cnote/vue2-start-coding.html