webpack入门学习

##webpack入门学习

1. 安装node环境 npm init -y

2. 下载安装 webpack ，webpack-cli ，webpack-dev-server

3. 在项目里新建 webpack.config.js

const path = require('path');

module.exports = {

    entry: './app/index.js',

    output: {

    path: 　path.resolve(__dirname, 'dist'),

    filename: 'bundle.js'

    }
}

 

4. 在项目中新建app文件夹，app里新建index.js文件，这是入口文件。

5. 修改package.json里的"script"块，添加一行代码

 

"build": "webpack --config=webpack.config.js"

 

这句话是可以运行自己建的webpack.config.js文件，是因为webpack4打包默认用自己的配置文件。

6. 运行“npm run build” 就可以回输出‘dist’文件夹和内容了。