webpack 打包文件

使用webpack.config.js 对文件进行打包过程：

1、初始化当前文件夹：

npm init

在安装过程中，package-name自定义文件包名称，其他直接回车即可

2、编辑webpack.config.js文件

const path = require('path') //从外部导入path包

module.export = {
    entry:'src/main.js',
    outpath:{
        path: path.resolve(__dirname, 'dist'),
        filename:'bundle.js'
    }
}

webpack 4.0 打包出错解决办法：（自从 v4.0.0 版本开始，webpack 不再需要配置文件）ERROR in Entry module not found: Error: Can't resolve './src' in XXX的一个解决方案 - Windows_XP - 博客园

从webpack4.0之后，就不需要webpack.config.js配置文件了，当前只需要将入口文件放在src/index.js中，然后新建dist文件夹即可,最后在根目录下运行webpack命令即完成打包。