Skip to content
webpack4的node.js案例(use webpack 4 demo)
JavaScript HTML Vue CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
server
.eslintrc.js
.gitignore
LICENSE
package-lock.json
package.json
postcss.config.js
readme.md
setting.json
webpack.config.js

readme.md

webpack4 demo

这是一个webpack4的node.js案例。

  • Node.js
  • Koa
  • vue
  • Webpack
  • 多语言
  • 多页面

npm install

首先安装需要的依赖:

npm ci node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

因为依赖node-sass,指定node-sass镜像地址到淘宝镜像地址,加速下载。

build

构建前端页面,启动node.js服务。

前端构建:

npm run webpack

后端服务:

npm run develop //启动node

open 127.0.0.1:4000.

open http://localhost:4000/.

目录结构

  • client 保存前端文件目录(frontEnd源码)
  • server Node服务文件目录(编译完成并注入了js&css的html文件会保存到这个目录下的views)
  • static 静态资源文件目录(所有前端编译后的文件都会保存到这个目录)

版本历史

  • 2018

step_0 单入口,单页面案例 https://github.com/Yi-love/webpack4-demo/tree/step_0

step_1 多入口,多页面案例 https://github.com/Yi-love/webpack4-demo/tree/step_1

step_2 多入口,多页面案例-升级版 https://github.com/Yi-love/webpack4-demo/tree/step_2

  • 2019-05-23

step_3 多入口,多页面,多语言 https://github.com/Yi-love/webpack4-demo/tree/step_3

step_4 【docker】多入口,多页面,多语言 https://github.com/Yi-love/webpack4-demo/tree/step_4

  • 2019-09-30

step_5 多入口,多页面,多语言(框架优化版)) https://github.com/Yi-love/webpack4-demo/tree/step_5

You can’t perform that action at this time.