vue-cli搭建的vue项目中按需引入Element UI,并自定义主题
发布日期:2021-05-10 14:32:46 浏览次数:18 分类:精选文章

本文共 2213 字,大约阅读时间需要 7 分钟。

������������Vue������������������������������������Element UI���������������������������������������������������������������������������������������

������������������Element UI

1. ������������

���������������������babel-plugin-component���

npm install -D babel-plugin-component

2. ������ .babelrc ������

���.babelrc������������������������������������������������������

{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["last 2 versions", "> 1%"]
}
}],
["es2015", {
"modules": false
}],
"stage-2"
],
"plugins": [
"transform-vue-jsx",
"transform-runtime",
["component", {
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}]
]
}

3. ������������������

���src���������������element-ui/index.js������������������������������������������

// ���������������Element UI������
import {
ElButton,
ElTable,
// ���������������������...
} from 'element-ui'
// ���������������������������������Vue.use()������������������Vue������������
Vue.use(ElButton)
Vue.use(ElTable)

���main.js������������������������

import '@/element-ui'

4. ���������������������������

���������������������������������������������������������

Module build failed: Error: Couldn't find preset "es2015" relative to directory

������������������������babel preset������������������������������

npm install --save-dev babel-preset-es2015

������Element UI������������

1. ������������������

  • ������Element UI������������������������������������������������
  • ���fonts���index.css���������������src/theme������������
  • ���main.js���������������������������������
  • import '@/theme/index.css'

    2. ������������

    ���������������������������������������������������������������������������������������������lo weekdays preset���������������������������������

    ������������������������������

    ���������Element UI������������������������������������

    src/
    element-ui/
    index.js
    main.js
    .vue guitars
    webpack.config.js

    ������������

    ���������������������������������������Element UI������������������������������������������������������������������������������������������������������������������������������������������������������������������

    上一篇:JS单线程的理解
    下一篇:react项目中修改webpack配置 ---- 按需加载 Ant Design Mobile和自定义主题

    发表评论

    最新留言

    关注你微信了!
    [***.104.42.241]2025年04月28日 16时18分47秒