element-ui修改源码

select

element-select 多选折叠tag选项传值控制

新建组件，在该组件中mixin element的组件，然后copy template进行修改，修改完成后正常提交代码。

没有识别这种语法的loader, 这个是render函数，jsx语法，需要babel-loader去识别

// vue.config.js
 chainWebpack(config) {
         // jsx babel
        config.module.rule('babel').test(/(\.js?|jsx)$/).use('babel-loader').loader('babel-loader').end();

// babel.config.js
module.exports = {
    presets: [
        // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
        '@vue/cli-plugin-babel/preset'
    ],
    "plugins": ["transform-vue-jsx"],
}

修改完成之后，运行不再抱错，但浏览器显示编译后的文件中变量访问undefined报错：略图

解决方案： node_modules里的依赖默认是不会编译的,会导致es6语法在浏览器中的语法报错,所以需要在vue.config.js中使用transpileDependencies属性配置node_modules中指定哪些文件夹或文件需要编译.【因为新组件中mixin的内容】
transpileDependencies: ['element-ui'],

这种方式的更改组件按照正常代码提交即可。