**
webpack 和 webpack-dev-server 的安装,照着操作一遍应该就能用了,以前装过的话要先卸载,卸载代码(卸载全局安装的的代码)
**
npm uninstall webpack -g
项目中本地安装的可以直接删除项目中的node_modules文件夹
然后说安装吧,打开vscode的终端(终端-新建终端)
依次输入下面的代码,等待安装
npm init -y
npm i jquery
npm i webpack@1.13.1 -g
npm install webpack -D
npm i webpack-dev-server -D //会弹出是否安装webpack -cli,输yes就行了
npm i webpack -cli -D //这个是安装webpack -cli的,如果运行npm run dev输了yes这里的就不用了
装完上面的之后只要在项目里新建一个webpack.config.js。
里面输入
打包的代码
webpack ./src/main.js ./dist/bundle.js //从src/main.js打包到dist/bundle.js
package.json里面的scripts
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server" //添加这句就能用npm run dev运行webpack-dev-server
},
引用打包用(在localhost:8080中)
其他的不用管。刚开始学vue的小白,这两天遇到很多坑,终于装成功了,上面就是操作了。