Fork me on GitHub

一张图看懂 webpack 配置多入口和自动载入 js

字数统计: 141字   |   阅读时长≈ 1分

用 vue-webpack 搭建单页面（SPA）应用很简单，但是也有情况下我们需要多页面，即多入口的应用，这里就来介绍下如何用 webpack 配置多入口。

本例子以 vue-webpack 为例子，其实跟 vue 没啥关系。

直接上图

注：使用时千万要理清其中的关系，否则当出现入口脚本的名称是词组（例如图中的’online-learning’）时，就容易理不清到底使用驼峰式命名还是用连字符了！

解决方案来自于 html-webpack-plugin

赏

谢谢关注

支付宝
微信

扫一扫，分享到微信

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true