webpack4多页面脚手架

webpack4多页面脚手架

适用于多个静态页面的显现, 如官网

源码地点: https://github.com/WangZhenHao/webpack-multiple-page

目次构造

│─build                                 多页面设置文件
│     ├─config                          能够转变的设置 
│     │ ├─pages.js                      须要打包的页面称号
│     │ └─ index.js                      web server设置
│     │ 
│     ├─webpack.base.config.js 
│     ├─webpack.dev.config.js
│     └─webpack.prod.config.js
│      
│     
│─src                                      // src 文件夹
│    ├─pages                               // 页面文件夹
│    │  ├─about
│    │  │      about.html
│    │  │      about.js
│    │  │      about.scss
│    │  │
│    │  │ 
│    │  │
│    │  └─home
│    │          home.html
│    │          home.js
│    │          home.scss
│    │
│    └─assets                          // 大众文件夹
│          ├─ layout                   // 复用html     
│          │     head.html             // 大众头文件 
│          │ 
│
│
│
│─static                               //静态文件文件夹
│    ├─js
│    ├─css
│    └─img                             (img)最好运用这个称号为文件夹
│
│  .babelrc                           // babel的设置文件
│  .gitignore
│  package.json
│  README.md

构建步骤

# 装置依靠
npm install

# 开辟的时刻在当地启动, 并最先热加载
npm run dev

# production的宣布时打包
npm run build

qq议论群: 475870039

    原文作者:aConfuseBoy
    原文地址: https://segmentfault.com/a/1190000019089914
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞