webpack.config.js

easywebpack@4.8.0 开始支持,因为有了默认配置,所以最新的骨架项目中,webpack.config.js 文件为非必须配置。

使用 node-glob 遍历文件。下面配置会自动遍历 app/web/page 目录的所有 .vue 文件作为 entry 入口,排除 component|components|view|views 目录下的文件。 这个是 egg vue ssr 项目默认配置, 同时使用 vue-entry-loader 作为模板入口。 注意:只有 entry 文件是 .vue 文件(非.js)时,才会自动使用 **vue-entry-loader 模板。**

  • 统一使用 .vue 文件作为 entry 入口(easywebpack 默认配置)
// webpack.config.js
module.exports = {
  // 注意 只有 entry 文件是 .vue 文件(非.js)时,才会自动使用 vue-entry-loader模板
  entry: 'app/web/page/**!(component|components|view|views)/*.vue'
}
  • js 和 .vue 文件 entry 混合配置
module.exports = {
  entry: {
    app: 'app/web/page/app/index.js',   // js 文件需要自己实现 vue mouted 逻辑
    list: 'app/web/page/list/index.vue' // 自动使用 vue-entry-loader模板
  }
};
  • 自定义 entry 代码模板

/easywebpack/entry


Author: sky
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
Babel 构建优化 Babel 构建优化
在进行 Egg + Vue 进行 SSR 模式开发时,运行 npm run dev 后你会看到如下界面, 启动了两个 Webpack 构建实例:Node 模式 和 Web 模式。
2020-05-31 sky
Next 
i18n 国际化支持 i18n 国际化支持
在 Egg + Vue SSR 方案中,可以使用 vue-i18n 实现国际化支持, 使用前请先阅读以下文档:http://kazupon.github.io/vue-i18n/guide/started.html#htmlhttp://kazupon.github.io/vue-i18n/guide/started.html#javascriptEgg + Vue 实现国际化安装依赖npm install vue-i18n --save 编写 cn 和 en 语言文件中文配置:egg-vue...
2020-05-31 sky