03 2022 档案
摘要：每次 npm run build 后会生成dist目录下打包文件，修改项目后则不会删除dist目录内容，会造成打包文件内很多无用的，因此要手动删除dist目录，但太麻烦，因此使用此插件清理dist目录 1.安装开发依赖 npm i clean-webpack-plugin -D 2.配置webpac
阅读全文
摘要：1 把图片输出到指定目录imgs中，配置webpack.config.js module:{ rules:[ {test:/\.css$/,use:['style-loader','css-loader']}, {test:/\.less$/,use:['style-loader','css-loa
阅读全文
摘要：1.打包配置package.json "scripts": { "dev": "webpack serve", //冒号前可随意命名，冒号后必须固定 "build": "webpack --mode production" //【1】build可随便命名，直接用webpack也可成功打包，但不会压缩
阅读全文
摘要：webpack 只能打包处理一部分高级的 JavaScript 语法。对于那些 webpack 无法处理的高级 js 语法，需要借助于 babel-loader 进行打包处理 1.安装 npm i babel-loader @babel/core @babel/plugin-proposal-dec
阅读全文
摘要：直接在js导入图片会报错，原因wp处理不了 ERROR in ./src/imgs/avatar.png 1:0 Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to han
阅读全文
摘要：1.安装 npm i style-loader css-loader -D 2.配置webpack.config.js，加一项 module:{ rules:[ //style-loader,css-loader顺序有先后，不能乱写 {test:/\.css$/,use:['style-loader
阅读全文
摘要：2.持久使用（推荐使用）打开cmd使用命令： npm config set registry https://registry.npm.taobao.org // 配置后可通过下面命令来验证是否成功 npm config ls // 此时：metrics-registry = "http://reg
阅读全文
摘要：webpack.config.js devServer{ //自动打开网页不用手动复制 open:true, //修改打开的端口 port:5001, host:'127.0.0.1' }
阅读全文
摘要：一、webpack-dev-server js脚本修改后每次要重新运行npm run dev重新打包，非常麻烦， 因此需要一个自动检测代码有无修改，自动打包功能 npm i -D webpack webpack-cli webpack-dev-server html-webpack-plugin w
阅读全文
摘要：webpack的默认打包入口和输出目录 打包默认入口是根目录下的：./src/index.js 打包默认输出目录是根目录：./dist/main.js 更改打包入口js，./webpack.config.js const path=require('path') //【1】 module.expor
阅读全文
摘要：直接 把npm注册为淘宝 使用 cnpm install 时候，并不会生成 package-lock.json 文件。cnpm install 的时候，就算你项目中有 package-lock.json 文件，cnpm 也不会识别，仍会根据 package.json 来安装。所以这就是为什么之前你用
阅读全文
摘要：> HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换： > (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-
阅读全文
该文被密码保护。
摘要：M、V、VM分别代表什么? M: model，数据部分，即data V: view，视图，即html部分 vm: viewmodel，vue实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi
阅读全文
