qq_42309685的博客

webpack开发环境下实现项目热更新webpack.dev.jsconst path = require('path')const webpackCommonConf = require('./webpack.common.js')const { merge } = require('webpack-merge')const { distPath, srcPath } = require('./paths')const HotModuleReplacementPlugin = requir

webpack中 module、chunk和bundle的区别module：各个源码文件，webpack中一切皆模块chunk：多模块合并成的，如：entry、import() 、splitChunkbundle：最终的输出文件

生产环境配置（webpack.prod.js）const webpackCommonConf = require('./webpack.common.js')const { merge } = require('webpack-merge')const { distPath } = require('./paths')const MiniCssExtractPlugin = require('mini-css-extract-plugin')const TerserJSPlugin = requi

项目目录如下：打包预览（dist 和 index.html）引入css文件（index.ts）import "./style/index.less";console.log('entry');打包配置（webpack.prod.js）const webpackCommonConf = require('./webpack.common.js')const { merge } = require('webpack-merge')const { distPath } = require(

webpack 配置多入口在之前基础配置之上做出改动，使应用有两个入口：webpack基础配置项目结构：修改了公共plugins（webpack.common.js） plugins: [ new HtmlWebpackPlugin({ title: '首页', template: path.join(srcPath, 'index.html'), filename: 'index.html',

项目结构依赖 (package.json){ "name": "webpackStart", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack --config webpackBaseConf/webpack.pr

Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.configuration.module.rules[2] should be one of these:["…" | object { assert?, compiler?, dependency?, descriptionData?, enforce?, .

tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块语法的 静态结构 特性，例如import 和 export。这个术语和概念实际上是由 ES2015 模块打包工具rollup普及起来的。新的 webpack 4 正式版本扩展了此检测能力，通过 package.json 的 “sideEffects” 属性作为标记，向 compiler 提供提示，表明项目中的哪些文件是 “pure(纯正 ES2015 模块