文种玉 - 博客园

2021年6月18日

摘要： webpack 1、核心概念 entry 入口指示 webpack 从哪个文件开始构建/打包 output 输出指示 webpack 打包完成的文件输出哪里去 loader 加载器 webpack 自身能力有限，只能处理 js/json 文件，但是遇到 css/html 等文件就没办法处理 lo 阅读全文

posted @ 2021-06-18 11:06 文种玉阅读(86) 评论(0) 推荐(0) 编辑

三.webpack打包图片

摘要： const path = require("path"); module.exports = { //入口 entry:"./src/js/index.js", output:{ path:path.resolve(__dirname,"build"), filename:"./js/build.j 阅读全文

posted @ 2021-06-18 10:56 文种玉阅读(38) 评论(0) 推荐(0) 编辑

二.webpack打包less文件

摘要： webpack默认不识别less,css,style文件,所以需要引入包 cnpm install less less-loader --save-dev //引入less cnpm install --save-dev style-loader //引入style cnpm install --s 阅读全文

posted @ 2021-06-18 10:28 文种玉阅读(332) 评论(0) 推荐(0) 编辑

一.webpack默认打包

摘要： webpack默认可以打包 js/json 文件 const path = require("path"); module.exports = { //入口 entry:"./src/js/index.js", //出口 output:{ path:path.resolve(__dirname,"b 阅读全文

posted @ 2021-06-18 09:54 文种玉阅读(139) 评论(0) 推荐(0) 编辑

2021年6月16日

type="text/babel"

摘要：使用babel将jsx解析成js语言阅读全文

posted @ 2021-06-16 19:38 文种玉阅读(971) 评论(0) 推荐(0) 编辑

类中的方法开启严格模式

摘要：类中的方法开启严格模式阅读全文

posted @ 2021-06-16 18:17 文种玉阅读(65) 评论(0) 推荐(0) 编辑

typescript使用webpack配置步骤

摘要： 1 webpack 通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS。步骤：初始化项目进入项目根目录，执行命令 npm init -y 主要作用：创建package.json文件下载构建工阅读全文

posted @ 2021-06-16 15:52 文种玉阅读(418) 评论(0) 推荐(0) 编辑

二十.node.js自动启动浏览器

摘要： //1.导包 const {exec} = require("child_process"); //2.启动浏览器 exec("start http://127.0.0.1:8888") 阅读全文

posted @ 2021-06-16 15:41 文种玉阅读(280) 评论(0) 推荐(0) 编辑

ZoomIt的使用方法

摘要： ZoomIt的使用方法 ZoomIt是一款非常强悍的教学辅助软件，具有屏幕放大、屏幕标注、计时功能，软件占用空间只有0.2M，且无需安装。下面我介绍一下此软件的使用方法。 1. 屏幕放大 Ctrl+1进入放大模式，此时屏幕默认放大2倍，视野中显示屏幕的1/4。滚动鼠标滚轮或者通过上下方向键可以改阅读全文

posted @ 2021-06-16 04:00 文种玉阅读(1748) 评论(0) 推荐(0) 编辑

2021年6月15日

webpack配置详解

摘要： //引入一个包 const path = require("path"); //引入html文件 const HTMLWebpackPlugin = require("html-webpack-plugin"); //引入clean插件 const {CleanWebpackPlugin} = re 阅读全文

posted @ 2021-06-15 00:36 文种玉阅读(738) 评论(0) 推荐(0) 编辑