项目初始化步骤
-
安装nodejs环境,推荐使用v4.4.7 下载地址 : https://nodejs.org/download/release/v4.4.7/
-
全局安装webpack v^1.15.0 命令: (sudo) npm install -g webpack@^1.15.0
-
全局安装webpack-dev-server v^1.16.5 命令: (sudo) npm install -g webpack-dev-server@^1.16.5
-
在慕课网上下载源码,解压缩
-
在项目根目录执行npm初始化 命令: npm install (--registry=https://registry.npm.taobao.org)
-
启动项目 开发模式: npm run dev (windows系统上为npm run dev_win) 生产模式: npm run dist (windows系统上为npm run dist_win)
-
开发模式下预览项目 访问:http://localhost:8088/dist/view/index.html
-
注意:webpack-dev-server会将被访问的文件放在内存中,所以webpack-dev-server没有自己的文件夹。如果编译的文件路径和内存中的路径相同,优先调用内存中的文件。