1、安装依赖包
1
|
$ npm install --save-dev babel-preset-es2015
|
ps:babel-loader、babel-core应该是默认装好的,如果没有安装,请重新安装
2、修改【webpack.base.conf.js】配置文件
找到 /\.js$/
的rules,进行修改
1
2
3
4
5
6
7
8
9
10
|
{
test: /\.js$/,
use: [{
loader:
'babel-loader'
,
options: {
presets: [
'es2015'
]
}
}],
exclude: /node_modules/
}
|
3、根目录下【.babelrc】文件
文件内容:
1
2
3
|
{ ["env", { "modules": false }], |
我自己的
{
"presets":
[
[
"env", {
"modules":
false,
"targets": {
"browsers":
[
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
}
],
[
"es2015", {
"modules":
false }
],
"stage-2"
],
"plugins":
[
"transform-vue-jsx",
"transform-runtime",
[
"component",
[
{
"libraryName":
"element-ui",
"styleLibraryName":
"theme-chalk"
},
{
"libraryName":
"mint-ui",
"style":
true
}
]
]
]
}
查看
注: Element-ui 引入一个功能时 可能需要按需引入2个组件 自己留意查看即可
mint ui 注册组件时 只能用component 例如 Vue.component(Button.name,Button)
运行查看脚本查看效果,指令视情况而定
1
|
$ npm run dev
|