vue-cli编译node_modules里的语法

官方资料

配置参考 | Vue CLI

vue-cli打包转换语法时,node_modules里的依赖默认是不会编译

此时在vue.config.js文件里配置transpileDependencies:true或用数组的形式正则匹配即可解决问题.

transpileDependencies为true可能是自动判断node_modules里有需要的就转换

 例

 transpileDependencies: [
        /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]src/,
        /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]package/,
        /[/\\]node_modules[/\\](.+?)?f-render(.*)/,
        /[/\\]node_modules[/\\](.+?)?quill-image-drop-module(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-ele-form(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-ele-form-bmap(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-baidu-map(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-ele-upload-image(.*)/,
    ],

或

transpileDependencies: [/node_modules[/\\\\](element-ui|vuex|)[/\\\\]/],

或

module.exports = {
  transpileDependencies: ['swiper'],
}