1、創(chuàng)建基于webpack模塊的項目

? ? vue init webpack projectName

2、安裝相關依賴

? ? cd projectName

? ? npm install?

3、安裝Sass

? ? npm install --save-dev sass-loader

? ? npm install --save-dev node-sass

? ? // sass-loader 依賴于 node-sass

4、build 下webpack.base.conf.js 的rules中添加配置?

{ ?

? ??test: /\.sass$/,?

? ? loaders: ["style", "css", "sass"] ? ?

}

5、若要全局引入scss文件 先安裝sass-resources-loader

? ? npm install --save-dev sass-resources-loader

然后在build／utils.js 中修改 return {?scss:generateLoaders('sass') }為

scss:generateLoaders('sass').concat( {

? ??loader:'sass-resources-loader',

? ??options:{

? ??????resources:path.resolve(__dirname,'../src/文件地址')?

?????}?

?})

6、安裝elementUI

????npm i element-ui -S

7、在main.js中添加配置

? ? import ElementUI from "element-ui";

? ? import "element-ui/lib/theme-chalk/index.css";

? ? Vue.use(ElementUI);