vue入坑教程在vue项目中如何导入element以及sass
Posted 三行情书愿你有梦
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue入坑教程在vue项目中如何导入element以及sass相关的知识,希望对你有一定的参考价值。
在项目中导入element以及sass、stylus等方便开发的工具以及UI框架
(1)如何在vue项目中导入elementUI框架
elementUI是饿了么团队开发出来基于vue的前端UI框架,其底层原理和bookstrap相似
安装 npm install element-ui -S
在package.json中检查是否已经装上element
在main.js中:import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-chalk/index.css‘
Vue.use(ElementUI)
(2)如何在vue项目中使用sass预编译
安装sass:npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass
配置:在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: [‘style‘, ‘css‘, ‘sass‘]
}
在APP.vue中修改style标签
<style lang="scss">
以上是关于vue入坑教程在vue项目中如何导入element以及sass的主要内容,如果未能解决你的问题,请参考以下文章