template --> ast --> render --> vDom --> 真实的Dom --> 页面。是只包含运行时的版本，没有编译器，CDN引入所对应的文件名为vue.runtime.js或vue.runtime.m

const HtmlWebpackPlugin = require; // html打包。// 从所有 JavaScript 条目中提取现有源映射。// 这包括内联源映射以及通过 URL 链接的地图。所有源地图数据都传递给 Webpack 进行处理

webpack 用于编译 JavaScript 模块。一旦完成安装，你就可以通过 webpack 的CLI或API与其配合交互。如果你还不熟悉 webpack，请阅读webpack4.x - 初始webpack，了解为什么你要使用 webpack，而不是社

在使用 vue、react、node 的时候，常常会看到 module.exports，export default，require，import等字段，因为我对这些字段的概念非常模糊，所以导致我在写代码的时候，在node项目里混用了 export def

const HtmlWebpackPlugin = require(‘html-webpack-plugin‘). ‘css-loader‘,loader:‘postcss-loader‘,},entry:‘./src/js/index.js‘,filen

通过CommonsChunkPlugin创建出来的文件 也是chunk 可以理解为commons chunk. bundle文件： webpack打包出来的代码文件 也可以理解为对chunk编译/压缩打包等处理后的产出

因为没有配置compiler，配置一下就好了

本质上，webpack是一个现代JavaScript应用程序的静态模块打包器。当webpack处理应用程序时，它会递归的构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。在开始前，需要先了解webpack中

webpack是一款模块化及打包构建工具。随着业务需求越来越复杂，项目功能模块的可复用性，项目的目录结构更需要有一种工程化的思想来组织，而不能再是传统的script标签来引入对应的js文件。在命令行执行webpack并回车后，看到不会报错了，并在项目根目录

工程已安装局部依赖包。因为当前环境变量中，没有找到对应的命令，解决方法如下：

在网页中会引用哪些常见的静态资源？JS.js .jsx .coffee .tsCSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件.svg .ttf .eot .woff .woff2模板文

在项目中，平常会引入一些第三方依赖，类似于echarts、jquery。这样打包后的vendor.js非常大，可以将第三方库以cdn方式引入，也可以将资源下载到服务器引入。loader能够加载资源文件并进行特定处理，所以在查找匹配资源文件时我们可以使用ex

使用下面的命令，可以查看 Node 已经实现的 ES6 特性。webpack 是一个现代 JavaScript 应用程序的静态模块打包器 。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图 ，其中包含应用程序需要的每个模块，然后将所有这

// The ‘mode‘ option has not been set， webpack will fallback to ‘production‘ for this value.// 如果没有设置 mode 配置项， webpack 会默认提供 开发

webpack-dev-serve依赖于webpack，运行webpack-dev-serve必须得在项目本地安装比其高一个版本的webpack，我的webpack-dev-serve是3.10.3，一开始我装的是3.6版本的webpack，然后就报错

"%~dp0\..\@webpack-dev-server\bin\webpack-dev-server.js" %*. "%~dp0\..\@webpack-dev-server\bin\webpack-dev-server

一套是开发期间的项目, 包含测试文件, 测试数据, 开发工具, 测试工具等相关配置, 有利于项目的开发和测试, 但是这些文件仅用于开发, 发布项目时候需要删除;另一套是部署期间的项目, 剔除那些客户用不到的测试数据, 测试工具和文件, 比较纯净, 减少了项

在之前我们使用webpack进行打包的时候，webpack.config.js配置都是我们自己手写的。而Vue-CLI是官方提供的，用来搭建项目脚手架的工具，它是vue.js开发的标准工具，它已经集成了webpack，内置好了很多常用配置，使得我们在使用v

mode: ‘development‘,‘vue/dist/vue.js‘,},path: path.resolve(__dirname, ‘../dist‘),filename: ‘[name]_dll.js‘,},context: __dirname,

7.运行npm run start就完成啦，在out文件中