Vue 插件引用( element-ui/ sass )
element-ui
安装: npm i element-ui -S
/* main.js */
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
sass
- 安装指定版本: npm install sass-loader --save-dev
- 安装node-sass(指定版本): npm i -D node-sass@4.12.0
如果报错：
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb check python checking for Python executable "python" in the PATH
主要是windows平台缺少编译环境
- 先运行： npm install -g node-gyp
- 然后运行：运行 npm install --global --production windows-build-tools 可以自动安装跨平台的编译器：gym
还是报错 就看看版本是不是对应的上
文章图片
文章图片
安装指定版本安装后使用要在build/webpack.base.conf.jsde里的在module的rules中插入以下代码添加配置：
npm i -D node-sass@4.12.0
npm i -D sass-loader@7.1.0
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
文章图片
【Vue 插件引用( element-ui/ sass )】最后重新运行
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 解决SpringBoot引用别的模块无法注入的问题
- jQuery插件
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- Dubbo引用服务
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)