nodejs+webpack打包

[size=medium][color=green][b]1,打开http://nodejs.cn/download/，选择对应系统下载

2,查看node version
安装完成之后在开始-运行窗口，找到Node.js command prompt
或者 win+R键，输入cmd，
node -v
返回版本号

npm -v
返回版本号

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


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


4.创建npm配置项
打开项目所在目录，eg: d:/idea_workspace/idea_vue

到这个目录后，输入
cnpm init
若是本地测试版，各种Enter之后，基本的打包配置就完成了。


5,安装一个全局的webpack
cnpm install webpack -g


6,项目里面也安装一个webpack
cnpm install webpack --save-dev


-------------------------------------------------------------------------
一、webpack -v 版本号出不来
提示：

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D


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

就能提示出版本号了。


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

d:\idea_workspace\idea_test\app>[/color]
[color=red]webpack appjs/main.js public/webpack.js[/color]

[color=green]
Hash: 30a0f72fa4794e4d41bb
Version: webpack 4.1.1
Time: 80ms
Built at: 2018-3-16 10:17:02
1 asset
Entrypoint main = main.js
[0] ./appjs/work.js 28 bytes {0} [built]
[1] ./appjs/main.js 20 bytes {0} [built]
[2] multi ./appjs/main.js public/webpack.js 40 bytes {0} [built]

WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

ERROR in multi ./appjs/main.js public/webpack.js
Module not found: Error: Can't resolve 'public/webpack.js' in 'd:\idea_workspace\idea_test\app'
@ multi ./appjs/main.js public/webpack.js

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


[/b][/color][/size]