6块腹肌的博客

安装插件：cnpm install filemanager-webpack-plugin --save-dev cnpm install filemanager-webpack-plugin --save-dev 在build/webpack.base.conf.js 在module.exports加入 plugins: [ new FileManagerPlugin({ onEnd: { delete: [ './dist/mydem

require.context是webpack的一个api，用于实现前端工程自动化 用于自动引入指定文件夹里的指定文件 require.context接收3个参数：require.context('./test', false, /.test.js$/) 第一个参数是文件的路径 第二个参数为是否读取文件夹的子目录 第三个参数是匹配文件的正则 require.context执行后返回一个...

1、使用数组： 示例： entry: { main: [ "./src/main.js", "./src/pageTwo/index.js" ] }, 2、对象语法： 官方示例： entry: { pageOne: './src/pageOne/index.js', pageTwo: ...

step1： 安装html-webpack-plugin 模块 cnpm install html-webpack-plugin --save step2: 在config/webpack.dev.js中引入： const HtmlWebpackPlugin = require('html-webpack-plugin'); step3： 在插件中配置好ico的路径 plu...

1、打包指令： webpack --config=config/webpack.dev.js 注意：指令中右边部分：config/webpack.dev.js，是webpack的配置文件，不一定是这样写，需要根据配置文件的路径以及文件名称来写。 2、开启本地服务 webpack-dev-server --config=config/webpack.dev.js 注意：指令中右边部分：...

错误信息如下： 问题原因：babel-core的版本不对 babel-loader 8 对应的 babel-core版本为：7 解决办法：卸载babel-core重新安装 npm un babel-core 然后重新安装： cnpm i -D @babel/core 然后重新启动服务即可！ 亲测可行！ ...

step1： 本地安装： babel-core、babel-plugin-transform-es2015-arrow-functions、babel-loader cnpm install babel-core babel-plugin-transform-es2015-arrow-functions babel-loader -S PS： babel-loader @8 对应的 b...

报错信息： Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.mode should be one of these: "development" | "pro...

目录 step1： step2： step3: step1： 在文件夹中创建3个文件夹，分别是：src、dist、config 然后在src下创建一个main.js 在dist下创建一个index.html 在config下创建一个webpack.dev.js 使用命令行，进入当前文件夹，输入：npm init -y，系统会生成一个webpack.json文件，并且有相关的...