wzg0817的博客

错误如下：webpack默认是不能处理vue文件，所以只能我们自己添加一些额外的插件进行处理它。解决方式：第一步：安装插件cnpm i vue-loader vue-template-compiler --save-dev 第二步：在webpack.config.js添加如下配置： module: { rules: [ { test: /\.vue$/, use: { loader:

文章首发------------当我们在使用webpack打包vue，我们需要引入一下文件的时候，会这样写有时候我们不想写文件的后缀名，可以进行如下配置resolve: { // 配置 省略文件后缀名 extensions: ['.js', '.css', '.vue'], },这样我们就不用写文件的后缀名啦文章首发------------...

webpack详细配置????webpack详细配置之entryentry: 入口起点 1. string --> './src/index.js' 单入口 打包形成一个chunk。 输出一个bundle文件。 此时chunk的名称默认是 main 2. array --> ['./src/index.js', './src/add.js'] 多入口 所有入口文件最终只会形成一个chunk, 输出出去只有一个bun

webpack 性能优化HMR （针对开发环境下）HMR: hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块）极大提升构建速度 1、样式文件：可以使用HMR功能：因为style-loader内部实现了~2、js文件：默认不能使用HMR功能 --> 需要修改js代码，添加支持HMR功能的代码if (module.hot) { // 一旦 module.hot 为true，说明开启了HM

webpack生产环境的基本配置????1.1 提取 css 成单独文件1、下载安装包2、下载插件 并且引入npm install mini-css-extract-plugin -D3、 修改配置文件 我们仍然需要注意路径。const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');//引入mini-css-extract-pluginconst Mini

文章目录1. webpack 初体验1.1 初始化配置1.2 编译打包应用2. webpack 开发环境的基本配置2.1 创建配置文件2.2 打包样式资源2.3 打包 HTML资源2.4 打包图片资源2.5 打包其他资源2.6 devserver2.7 开发环境的配置1. webpack 初体验1.1 初始化配置初始化 package.json输入指令:npm init下载并安装 webpack输入指令:npm install webpack webpack-cli -g