webpack安装到mac打包踩坑
1、
-
安装node.js 在终端
node -v
npm -v
查验版本，看是否安装好
2、
- 局部安装需要在项目文件根目录文件夹下运行终端，可以先全局安装再到项目局部安装
- 新项目搭建要新建文件夹，文件夹终端运行npm int -y,生成默认的package.json文件，之后安装的插件都会自动写入这个json文件。
- 如果是项目移植，就不用生成package.json文件了
-
全局安装webpack 在终端执行
npm install webpack@3.11.0 -g
这样就是安装了，-g是全局安装，（tips:可以用
webpack -h
来验证是否安装成功）。如果不成功，可能是mac权限导致的，用
sudo npm install webpack@3.11.0 -g
使用管理员权限执行。（终端会显示password：）输入开机密码，然后等着安装，需要等很长时间
为了节省时间淘宝镜像安装
sudo npm install -g cnpm--registry=http://registry.npm.taobao.org
终端执行
npm config get registry
返回
http://registry.npmjs.org/
即安装成功全局安装
webpack sudo cnpm install webpack@3.11.0 -g
局部安装
webpack cnpm install webpack@3.11.0 --save -dev
局部安装webpack-cli(这个插件蛮大的)
cnpm install webpack@3.11.0 webpack-cli --save-dev
尽量全局和局部都安装
3、
-
安装webpack-dev-server插件 终端执行
npm install webpack-dev-server@2.4.2 -g
,最好加sudo前缀，
sudo npm install webpack-dev-server@2.4.2 -g
以管理员权限安装
- 淘宝镜像安装webpack-dev-server
全局安装服务
sudo cnpm install webpack-dev-server@2.4.2
局部安装服务
sudo cnpm install webpack-dev-server@2.4.2
注意凡是报error 13 的都是权限问题，在前缀加sodu的情况下，还是报13，就再加后缀
--unsafe-perm
,意思是以管理员身份运行
4、编译打包工程
我的打包命令是自定义命令
-
我用的是vscode，将开发好的工程文件载进vscode，在你要打包的工程文件根目录上右键》服务》终端,执行
npm install
，安装本工程的js插件，会生成node_modules中，如果出现权限问题，前缀加sudo，vscode终端窗口任然出现权限问题，就从该文件处执行终端
sudo npm install
. -
命令执行后会报异常，不用处理，完成后执行
npm run dell
,该命令会正常完成，我遇到了报错，开了新篇讲 -
根据需要用
npm run dev-test yinzhou
或者
npm run dev-prd yinzhou
进行编译，生产完成后会打开一个空白页，终端窗口显示
compiled sucess
之后ctrl+c终止命令，然后使用
npm run test yinzhou
或者
npm run dev yinzhou
打包操作，src目录下会产生一个dist文件夹，该文件即部署所需文件。