- 博客(16)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 webpack将所有的css抽取成一个文件以及css浏览器兼容
首先通过命令安装mini-extract-plugin插件然后在需要使用该插件的配置文件中例如webpack.prod.js引入该插件然后注册该插件最后将所有的style-loader替换成最后运行命令即可在打包输出文件夹中找到该css文件了。
2023-12-24 10:48:49
445
原创 webpack整理开发模式以及生产模式的配置文件
然后将webpack.dev.js复制一份也放在这个文件夹中并重命名为webpack.prod.js(生产模式的配置)然后将webpack.config.js配置文件移动到该文件夹中并修改名称为webpack.dev.js。npm run build将会在项目根目录下生成一个dist文件夹。然后在package.json中修改scripts。首先在项目根目录下新建一个config文件夹。npm run serve将会打开浏览器。测试命令是否能执行成功。
2023-12-24 10:45:59
325
原创 webpack搭建开发服务器
然后在webpack.config.js中的module.exports中添加devServer配置。然后在package.json文件中的scripts下添加一个新的脚本。安装webpack-dev-server。
2023-12-23 22:33:35
325
原创 webpack加载html资源
然后在webpack.config.js配置文件中引入该插件并且在plugin中注册。最后将模板html中的js引入代码注释掉或删除掉（建议删除）命令即可在打包输出文件夹中看到生成的html文件了。首先通过命令窗口安装该插件，输入命令。
2023-12-23 13:19:33
395
原创 webpack使用babel
然后在webpack.config.js的module.rules中添加rule。最后在根目录下新建一个babel.config.js文件，并在其中添加预设。命令即可在打包的时候将新的语法转换为旧的语法。来安装babel相关插件。
2023-12-16 23:55:49
24
原创 webpack使用ESLint
最后在根目录下添加.eslintrc.js文件并在里面添加eslint配置，详细规则文档可访问以下链接。接下来需要在webpack.config.js中导入该插件。首先需要暗转ESLint的插件，通过命令。安装eslint的webpack插件。安装eslint最新的版本。
2023-12-16 23:54:55
40
原创 webpack加载图标、字体等资源
我使用的是阿里的图标库，下载好图标之后创建一个新文件夹media，并将下载的图标文件中的iconfont.css移动到css文件夹中。然后将该css依赖的.ttf、.woff、.woff2文件移动到media中。然后在webpack.config.js中添加rule配置。然后按照阿里图标库的使用方式在html中添加该图标。即可，刷新打开的项目网页即可看到效果。
2023-12-16 23:53:36
25
原创 webpack加载图片资源
然后在webpack.config.js中的module.rules中添加rule。首先在src目录下创建一个新文件夹images，然后在其中放一张png图片。然后修改css文件内部样式并设置该png图片为背景图片。即可，刷新打开的项目网页即可看到效果。
2023-12-16 23:53:02
34
原创 webpack加载css资源
最后打包，并在html文件中编写相应样式的页面代码即可看到css文件的效果。然后在webpack.config.js中添加rules配置。然后下载loader插件，并配置loader的rules。新建一个test.css文件，并编写部分样式。然后在main.js文件中引入该css文件。即可，刷新打开的项目网页即可看到效果。
2023-12-16 23:52:33
36
原创 webpack基本配置
配置文件名称webpack.config.js(在nodejs环境中运行所以暴露模块用的语法是commonjs暴露)即会自动在当前文件夹目录下寻找webpack.config.js文件并按里面的配置执行了。
2023-12-16 23:51:04
24
原创 webpack简单使用
最后创建一个public文件夹并在其中新建一个index.html文件。然后在其中添加一个main.js文件，并编写几个简单的js文件。然后在html文件中引入打包好的main.js文件即可使用。接着在main.js中引入该js文件并调用（代码如下）例如新增一个count.js文件，内部代码如下。首先在项目中创建一个src文件夹。然后安装webpack依赖。
2023-12-16 23:48:07
24
2原创 常用键盘快捷键以及常用Dos命令
常用键盘快捷键1.全选ctrl+A2.复制ctrl+C3.粘贴ctrl+v4.剪切ctrl+x5.撤销ctrl+z6.保存ctrl+s7.关闭窗口shift+F4常用Dos命令1.盘符切换盘的名称+冒号（英文的冒号）2.查看该目录下所有文件输入dir即可3.切换目录cd+目录名4.清理命令窗口cls(可理解为英文的clear screen）5.退出终端输入exit即可6.打开常用应用计算器为clac画图工具为mspaint记事
2021-02-21 00:44:03
489
原创 Markdown语法简单介绍
Markdown语法简单介绍概览标题引用字体分割线图片超链接列表表格标题 若要输入标题则可使用符号**#**，大标题可以使用#加空格然后再打上想要输入的标题回车之后即可，如“# markdown”；二级标题则使用##空格加标题然后回车，如“## 标题”；三级标题以及多级标题就是将符号#叠加使用即可。如图按下回车键后引用 引用在markdown语法中是通过符号**>**实现的，若你想引用某句名言可使用>加空格然后加引用内容。如图输入空格后然后输入内容即可。
2021-02-09 16:54:53
82
空空如也
为什么用了的梯度下降算法之后他的theta0不会收敛？
2020-01-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人