开发者社区> 问答> 正文

webpack +vue如何只编译src下的部分文件夹中的vue/js/css,像maven的pom一样编译部分代码

如题,src下有src/components和src/components-1.1,我想只编译前者中的vue,忽略编译后者,如何做到?
试了下在vue-loader中exclude:[path.resolve(__dirname,'../src/components-1.1')]
但是运行时编译不通过,提示You may need an appropriate loader to handle this file type.无法处理其中的vue文件。

因为我不想去加载那个文件夹下的vue,所以会报这个错,怎么让webpack不报这个错呢?目的是想达到后端maven的pom效果,要编译哪个模块就编译哪个,而不是全部编译

展开
收起
球球之家 2018-01-30 08:58:58 7256 0
2 条回答
写回答
取消 提交回答
  • 首先, 你要明白 webpack 编译是从入口出发, 然后根据入口依次递归查找依赖的, 如果你不想编译某个目录, 那么你不去引用这个目录就好了, 而不是指定编译路径.

    你上面把 components-1.1 给 exclude 掉了, 但你的代码还在依赖这个目录下的文件, 因此 webpack 就会报错, 说找不到能处理 .vue 的 loader, 所以重点在于去除依赖, 而不是配置 exclude

    2019-07-17 21:57:06
    赞同 展开评论 打赏
  • 阿里前端弘树,关注 Web 前端技术,折腾过前端工程化、React Native、Hybrid 架构,目前在数据分析与数据可视化的学习道路上

    改为 exclude: /src\/components-1\.1/ 试试

    2019-07-17 21:57:06
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载