基于node.js内置模块npm-webpack的基本使用

一、安装配置webpack

1）：在项目根目录中，初始化npm包管理环境。执行 npm init -y命令

2）：在项目根目录中，执行 npm install webpack webpack-cli -D 命令，安装相关的包

3）：在项目根目录中，创建 webpack.config.js 配置文件 并在文件中初始化以下代码：

const path = require('path');

module.exports = {
    mode: 'development', // production(产品模式会压缩)/development(开发模式未经过压缩)
    // 手动配置webpack 的打包入口与出口
    entry: path.join(__dirname, './src/index.js'), // 打包入口文件的路径
    output: {
        path: path.join(__dirname, './dist'), // 输出文件的存放路径
        filename: 'bundle.js' // 输出的文件名
    }
}

4）：在 package.json 文件中的 "scripts" 节点下，添加 “dev” 脚本：

"scripts": {
        "dev": "webpack" // 节点下的脚本，可通过 npm run 执行
    }

二、配置自动打包功能