nodejs+webpack打包

1,打开http://nodejs.cn/download/，选择对应系统下载

2,查看nodeversion

安装完成之后在开始-运行窗口，找到Node.jscommandprompt

或者win+R键，输入cmd，

node-v

返回版本号

npm-v

返回版本号

3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）

npminstall-gcnpm--registry=https://registry.npm.taobao.org

获取到cnpm以后，我们需要升级一下，输入下面的命令

cnpminstallcnpm-g

4.创建npm配置项

打开项目所在目录，eg:d:/idea_workspace/idea_vue

到这个目录后，输入

cnpminit

若是本地测试版，各种Enter之后，基本的打包配置就完成了。

5,安装一个全局的webpack

cnpminstallwebpack-g

6,项目里面也安装一个webpack

cnpminstallwebpack--save-dev

-------------------------------------------------------------------------

一、webpack-v版本号出不来

提示：

TheCLImovedintoaseparatepackage:webpack-cli.

Pleaseinstall'webpack-cli'inadditiontowebpackitselftousetheCLI.

->Whenusingnpm:npminstallwebpack-cli-D

->Whenusingyarn:yarnaddwebpack-cli-D

解决办法：全局安装webpack-cli

cnpminstallwebpack-cli-g

就能提示出版本号了。

注意：使用webpack命令打包，报如下错误

d:\idea_workspace\idea_test\app>

webpackappjs/main.jspublic/webpack.js

Hash:30a0f72fa4794e4d41bb

Version:webpack4.1.1

Time:80ms

Builtat:2018-3-1610:17:02

1asset

Entrypointmain=main.js

[0]./appjs/work.js28bytes{0}[built]

[1]./appjs/main.js20bytes{0}[built]

[2]multi./appjs/main.jspublic/webpack.js40bytes{0}[built]

WARNINGinconfiguration

The'mode'optionhasnotbeenset.Set'mode'optionto'development'or'production'toenabledefaultsforthisenvironment.

ERRORinmulti./appjs/main.jspublic/webpack.js

Modulenotfound:Error:Can'tresolve'public/webpack.js'in'd:\idea_workspace\idea_test\app'

@multi./appjs/main.jspublic/webpack.js

解决方式：在项目先创建好webpack的入口文件及打包目录，再次输入命令

webpack