美文网首页
webpack 多入口应用项目配置

webpack 多入口应用项目配置

作者: 赖次Go | 来源:发表于2019-03-27 17:39 被阅读0次

目的

jq时代留下的大型相关项目,为求稳定,在不动UI的情况下,当你惯用ES6写法想要模块化开发/维护老项目,在这种时候webpack多入口可以解决部分需求,
那么这种多入口配置可以做到很快的移植并投入到开发当中去。
  • 多入口 可配置 新手适用
  • 包含 webpack配置 多入口打包 静态服务
  • 可以直接引入模块写react/vue项目

说明

  • 启动
    npm
    npm install && npm serve
    yarn
    yarn install && yarn serve

  • 文件夹说明
    config
        | complate.js 多入口entry HTMLWebpakcPlugin 配置 可根据个人喜好移植至 pages 变量
        | plugins.js webpack plugins 配置
        | rules.js webpack loaders 配置
    src 静态文件,打包多入口文件 可随意更改
        | app
            | index.html html模板
            | index.scss
            | index.js
        | home
            | index.html html模板
            | index.scss
            | index.js
    server.js express 静态服务
    webpack.config.js 配置文件
    package.json

后续有可以改成tswebpack配置应用

欢迎交流~~

git仓库地址

博客地址

相关文章

网友评论

      本文标题:webpack 多入口应用项目配置

      本文链接:https://www.haomeiwen.com/subject/nmuzvqtx.html