javascript - 饿了么elementui按需引入文问题
巴扎黑
巴扎黑 2017-04-11 11:54:23
[JavaScript讨论组]
  • 在使用vue配合webpack2打包时出现按需引入elementui组件找不到css样式文件,但是编绎是没有报错
    因为官方说法按需引入要使用.babelrc配制plugins选项

.babelrc配制如下


    {
    "presets": [
        ["es2015", { "modules": false }]
    ],
    "plugins": [
        ["component", [{
            "libraryName": "element-ui",
            "styleLibraryName": "theme-default"
        }]]
    ]
}

webpack配制如下

            {
                test: /\.js$/,
                use: ['babel-loader'],
                exclude: /node_modules/
            },

引入时的代码

    import Vue from 'vue'
    import ResetCss from '../../assets/reset.css'
    import FontCss from '../../assets/font.css'
    // 完整引ele
    import { Button, Card, Form, Input, Checkbox, FormItem } from 'element-ui'
    import App from './App.vue'
    // 加载ele插件
    Vue.use(Button)
    Vue.use(Card)
    Vue.use(Form)
    Vue.use(Input)
    Vue.use(Checkbox)
    Vue.use(FormItem)
巴扎黑
巴扎黑

全部回复(1)
伊谢尔伦

再次排查webpack配制,发现是一个css loader出问题了,还有一定要配制好Extract-Text-Webpack-Plugin这个插件,不然会导致各种问题

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号