vue中引入elementui
来源:互联网 发布:淘宝咋弄选购热点 编辑:程序博客网 时间:2024/05/22 12:40
1因为该组件会依赖于jQuery,所以先安装jQuery所需依赖:
进入npm控制台,输入指令:
cnpm install jquery --save-dev
然后在入口文件main.js中引入:
import jquery from 'jquery'
最后配置build目录下的webpack.base.config.js文件,在
module.exports = {
entry: {
app: './src/main.js',
},
后面添加以下内容:
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
注意前后用逗号分隔。
2..安装element-ui的依赖:
进入npm控制台,输入指令:cnpm install element-ui --save-dev
3.配置build目录下的webpack.base.config.js文件,向文件中加入以下内容:
var webpack = require('webpack')
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'assets': path.resolve(__dirname, '../src/assets'),
'scss_vars':'@/styles/vars.scss',
jquery: "jquery/src/jquery"
}
}
4.在入口文件main.js中引入element-ui:
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
到此,基本完成了所有配置工作。但是,部分人可能还是会存在模板无法找到的问题(我安装时就遇到了),在花了整整一天时间尝试后找到了解决办法:
在build文件下的webpack.base.conf.js中加上下面的代码即可
{
test: /\.css$/,
include: [
/src/,//表示在src目录下的css需要编译
'/node_modules/element-ui/lib/' //增加此项
],
loader: 'style-loader!css-loader'
},
另外说明下假如你的css文件是在src目录下的话就添加src的路径,如上图,element-ui或者mint-ui(minit-ui的我没试过,个人认为也要加上去webpack才能查找到),假如你的css文件是在其他目录下的,原理一样。
- vue中引入elementui
- Vue中引入ElementUI库
- Vue中引入ElementUI库
- vue-引入 ElementUI
- Vue 项目 引入第三方饿了吗组件(ElementUI)
- vue中引入jquery
- vue中引入bootstrap
- vue中引入bootstrap
- vue中引入jQuery
- vue中引入sass
- Vue中使用ElementUI使用第三方图标库iconfont
- WebStorm Vue ElementUI
- vue结合elementUI,MinUi
- VUE+elementUI分页
- vue-elementUI 弹出框
- vue + elementui filter过滤器
- vue+elementUi时间控件
- vue + elementui 新手入门案例
- 深入理解C/C++数组和指针
- 怎么用Git Bash提交代码到Git Hub上
- 请教一个activiti定时边界事件的用法
- Map和Set简单使用
- 上机练习题——异常处理 课堂练习2
- vue中引入elementui
- CodeForces 820D Mister B and PR Shifts(思维题)
- Anaconda python2.7 + opencv3.2 + mxnet 安装、配置、解决方法
- 上传图片之样式问题
- java1.8 api 翻译-(001)java.util包下的Collection集合
- 使用redux-thunk时,更新state组件没有重新渲染(render)
- 在Centos7中安装Python 3.6.3(不删除系统自带的2.7.5)
- Why C++ for myself.
- CCPC 2017 秦皇岛和杭州的总结