晨光曦微

2022年3月22日

摘要： 1 把图片输出到指定目录imgs中，配置webpack.config.js module:{ rules:[ {test:/\.css$/,use:['style-loader','css-loader']}, {test:/\.less$/,use:['style-loader','css-loa 阅读全文

posted @ 2022-03-22 17:10 晨光曦微阅读(375) 评论(0) 推荐(0)

摘要： 1.打包配置package.json "scripts": { "dev": "webpack serve", //冒号前可随意命名，冒号后必须固定 "build": "webpack --mode production" //【1】build可随便命名，直接用webpack也可成功打包，但不会压缩阅读全文

posted @ 2022-03-22 15:45 晨光曦微阅读(227) 评论(0) 推荐(0)

vue2:p23 webpack处理高级js语法 babel-loader

摘要： webpack 只能打包处理一部分高级的 JavaScript 语法。对于那些 webpack 无法处理的高级 js 语法，需要借助于 babel-loader 进行打包处理 1.安装 npm i babel-loader @babel/core @babel/plugin-proposal-dec 阅读全文

posted @ 2022-03-22 14:48 晨光曦微阅读(557) 评论(0) 推荐(0)

2022年3月20日

vue2:p16-18 打包处理样式表中与 url 路径相关的文件（图片等文件）

摘要：直接在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 阅读全文

posted @ 2022-03-20 10:22 晨光曦微阅读(136) 评论(0) 推荐(0)

2022年3月16日

vue2: p16 webpack添加css样式处理,less样式处理

摘要： 1.安装 npm i style-loader css-loader -D 2.配置webpack.config.js，加一项 module:{ rules:[ //style-loader,css-loader顺序有先后，不能乱写 {test:/\.css$/,use:['style-loader 阅读全文

posted @ 2022-03-16 10:26 晨光曦微阅读(111) 评论(0) 推荐(0)

npm配置镜像

摘要： 2.持久使用（推荐使用）打开cmd使用命令： npm config set registry https://registry.npm.taobao.org // 配置后可通过下面命令来验证是否成功 npm config ls // 此时：metrics-registry = "http://reg 阅读全文

posted @ 2022-03-16 09:55 晨光曦微阅读(571) 评论(0) 推荐(0)

2022年3月15日

vue2 p14 webpack配置：devServer自动打开，和修改端口

摘要： webpack.config.js devServer{ //自动打开网页不用手动复制 open:true, //修改打开的端口 port:5001, host:'127.0.0.1' } 阅读全文

posted @ 2022-03-15 10:24 晨光曦微阅读(599) 评论(0) 推荐(0)

vue2 p10 webpack服务器插件webpack-dev-server自动打包更新显示内容、html-webpack-plugin自动访问src下html文件

摘要：一、webpack-dev-server js脚本修改后每次要重新运行npm run dev重新打包，非常麻烦，因此需要一个自动检测代码有无修改，自动打包功能 npm i -D webpack webpack-cli webpack-dev-server html-webpack-plugin w 阅读全文

posted @ 2022-03-15 10:09 晨光曦微阅读(147) 评论(0) 推荐(0)

vue2 p9 指定webpack的entry、output

摘要： webpack的默认打包入口和输出目录打包默认入口是根目录下的：./src/index.js 打包默认输出目录是根目录：./dist/main.js 更改打包入口js，./webpack.config.js const path=require('path') //【1】 module.expor 阅读全文

posted @ 2022-03-15 10:08 晨光曦微阅读(145) 评论(0) 推荐(0)

2022年3月12日

npm太慢注册成淘宝,不要用cnpm问题太多

摘要：直接把npm注册为淘宝使用 cnpm install 时候，并不会生成 package-lock.json 文件。cnpm install 的时候，就算你项目中有 package-lock.json 文件，cnpm 也不会识别，仍会根据 package.json 来安装。所以这就是为什么之前你用阅读全文

posted @ 2022-03-12 15:49 晨光曦微阅读(529) 评论(0) 推荐(0)

公告