webpack -- webpack安装

1、新建项目

mkdir projectName

切换到项目里面

cd projectName

2、初始化项目

npm init -y

3、安装webpack

不推荐全局安装

npm install webpack --save-dev

// npm install webpack -g

4、安装webpack-cli

若是是webpack 4.0及以上版本，在安装webpack的同时还须要安装webpack-cli

npm install webpack-cli --save-dev

5、配置package.json

一、配置私有安装包

去掉package.json文件里面的"main":"index.js"，添加"private": true

二、配置浏览器支持

browserslist: [
    'defaults',
    'not ie < 8',
    '> 1%',
    'last 2 versions',
    'IOS 7',
    'IOS last 3 versions'
]

三、配置npm scripts

在scripts对象里面添加一个生产命令

// 这个配置是为后面打包用的，能够运行npm run build
scripts: {
    "build": "webpack"
}

6、安装lodash

这一步不是必须的

npm install lodash --save

7、建立配置文件

在根目录下新建一个webpack.config.js文件

8、建立src

在src文件下面新建一个index.js文件，此时就能够经过npx webpack命令，来默认将src/index.js做为入口文件，输出到dist下的main.js文件 Tips 这里由于是一步步配置的，因此不须要npm install来初始化安装依赖包，由于package.json里面啥也没有