1.webpack 配置
【webpack 配置以及手写 plugins】webpack 常规配置如下（entry、output、loader、plugin、mode）
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = {
mode: 'development', // 模式
entry: './src/index.js', // 打包入口地址
output: {
filename: 'bundle.js', // 输出文件名
path: path.join(__dirname, 'dist') // 输出文件目录
},
module: {
rules: [
{
test: /\.css$/, //匹配所有的 css 文件
use: 'css-loader' // use: 对应的 Loader 名称
}
]
},
plugins:[ // 配置插件
new HtmlWebpackPlugin({
template: './src/index.html'
})
]
}
2.手写一个 plugins 插件
推荐阅读
- 一文读懂蓝绿发布、A/B 测试和金丝雀发布的优缺点
- javascript|Vue.js全家桶仿哔哩哔哩动画 (移动端APP)
- 公司的开发需求|点击《el-table》让选中的行变色，亲测实用
- 开源项目|Vue项目实战 —— 哔哩哔哩移动端开发
- 前端-CSS篇|CSS水平垂直居中的几种方式，CSS定位
- java|前端小游戏飞机大战源码完整版
- html游戏源码|HTML5超级玛丽简易版（有源码）
- ES6+|七（以理论结合实践方式梳理前端 ES 6+ ——— ES 6+ 文档对象）
- 飞机大作战游戏 2----（运用H5和Js制作）