Webpack入门
Webpack是什么 Webpack是模块打包器，它可以处理CommonJS、AMD以及ES6模块系统；Webpack有一些灵活、酷炫的功能特性, 如: 代码分离：可以把多个模块所引用到的代码打包到一个文件，即抽取公共代码并打包至单独的文件里 加载器(loader)：有了loader，你可以在js中加载各种类型文件 插件(plugin)：可让你定制打包操作 使用教程 先看本教程最终webpack配置，看不懂没关系，教程会一步步说明每个配置 const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const variables = require('./variables.js'); const package = require('./package.json'); const webpack = require('webpack'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const devMode = process.env.NODE_ENV != 'production'; module.exports = { mode: 'development', // watch: true, entry: { app: './src/index.js', vendor: Object.keys(package.dependencies), settings: './src/settings.js' }, output: { filename: '[name].bundle.js', path: path.resolve(__dirname, 'dist') }, resolve: { extensions: ['....