尝试搭建第一个属于自己的简单webpack工程

1、下载Node.js，网上查找，适合自己电脑的版本

2、安装后 cmd，1>node -v 查nodejs版本 2>npm  -v查npm版本

3、安装成功后，随便找个磁盘新建文件夹demo或者cmd :mkdir demo

4、安装webpack: npm init ---->npm  install webpack --save-dev

5、安装服务：npm install webpack-dev-server --save-dev 

6、安装成功后，package.json文件中配置项中会多两项：

"devDependencies": {
    "webpack": "^4.6.0",
    "webpack-dev-server": "^3.1.3"

  },

7、安装webpack-cli cmd: npm install webpack-cli ,安装成功后，package.json文件中配置项中会多一项：

"dependencies": {
    "webpack-cli": "^2.0.15"

  }

8、在demo文件夹下建main.js,index.html,webpack.config.js

main.js可以是一个空文件夹

webpack.config.js文件中写一些基本配置，如下：

var path=require('path');
var config={
entry:{
main:'/.main'
},
output:{
path:path.join(__dirname,'./dist'),
publicPath:'/dist',
filename:'main.js'
}
};

module.exports=config;

9、配置文件package.json中添加快速启动脚本，如下：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --config webpack.config.js"

  },

10、启动项目 cmd: npm run dev 会自动打开本地项目代码 地址为：http://localhost:8080/