qq_43000621的博客

element ui 列表验证<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input>

webpack-loaderloader 用于对模块的源代码进行代码转换, 在 import 或"加载"模块时预处理文件。1. 配置loader的三种方式1.配置 module.exports -> module -> rules。loader 从右到左地取值/执行; 在下面的示例中，从 sass-loader 开始执行，然后继续执行 css-loader，最后以 style-loader 为结束。module.exports = { module: { rules: [

webpack-mode提供 mode 配置选项，告知 webpack 使用相应环境的内置优化。设置process.env.NODE_ENV的初始值，后续修改NODE_ENV的值，mode的值并不会发生变化。详细可点击1详细可点击21.只需在配置对象中提供 mode 选项module.exports = { mode: 'production'};2.或者从 CLI 参数中传递webpack --mode=production...

webpack-output控制webpack如何向磁盘中写入编译后的文件1. path 输出目录(绝对路径)output: { path: path.resolve(__dirname, './dist')}2. filename确定输出编译后文件的名称output: { filename: 'bundle.js' // 单文件 filename: '[id].bundle.js' // The module identifier filename: '[name].bun

webpack-entrywebpack-entry1. String2. Array3. Object4. glob(通配符匹配文件)5. fs获取所有的js文件路径webpack-entry配置入口文件，类型String|Array|Object1. Stringentry: './path/to/my/entry/file.js'等价于entry: {main: './path/to/my/entry/file.js'}2. Arrayentry: ['./path/to/my/ent