随笔分类 -  vue2

上一页 1 2 3 4
webpack-了解devServer中常用的选项
摘要：# devServer节点 在webpack.config.js配置文件中，可以通过`devServer`节点对webpack-dev-server插件进行更多的配置,示例代码如下： ```json devServer:{ open:ture,//初次打包完成后，自动打开浏览器 host:'127. 阅读全文
posted @ 2023-05-23 22:40 Young_Yang_Yang 阅读(30) 评论(0) 推荐(0)
webpack-安装html-webpack-plugin
摘要：# 安装html-webpack-plugin 运行如下的命令，即可在项目中安装此插件： npm install html-webpack-plugin -D # 配置html-webpack-plugin ```js // 导入html插件，得到一个构造函数 const HtmlPlugin = 阅读全文
posted @ 2023-05-22 23:14 Young_Yang_Yang 阅读(122) 评论(0) 推荐(0)
webpack-安装和配置webpack-dev-server这个插件
摘要：# webpack插件的作用 通过安装和配置第三方的插件，可以`拓展webpack的能力`，从而让webpack`用起来更方便`。最常用的webpack插件有如下两个： 1. `webpack-dev-server` - 类似于node.js阶段用到的nodemon工具 - 每当修改了源代码，web 阅读全文
posted @ 2023-05-22 22:15 Young_Yang_Yang 阅读(165) 评论(0) 推荐(0)
webpack-指定webpack的entry和output
摘要：# webpack中的默认约定 在webpack4.x和5.x的版本中，有如下的默认约定： 1. 默认的打包入口文件为`src`->`index.js` 1. 默认的输出文件路径为`dist`->`main.js` 注意：可以在webpack.config.js中修改打包的默认约定 # 自定义打包的 阅读全文
posted @ 2023-05-21 22:50 Young_Yang_Yang 阅读(40) 评论(0) 推荐(0)
webpack-了解mode可选值的应用场景
摘要：# mode的可选值 `mode节点`的可选值有两个，分别是： 1. development - `开发环境` - `不会`对打包生成的文件进行`代码压缩`和`性能优化` - 打包`速度快`，适合在`开发阶段`使用 1. production - `生产环境` - `会`对打包生成的文件进行`代码压 阅读全文
posted @ 2023-05-20 22:40 Young_Yang_Yang 阅读(36) 评论(0) 推荐(0)
webpack-安装和配置webpack
摘要：# 在项目中安装webpack 在终端运行如下的命令，安装webpack相关的两个包： npm install webpack@5.42.1 webpack-cli@4.7.2 -D # 在项目中配置webpack 1. 在项目根目录中，创建名为`webpack.config.js`的webpack 阅读全文
posted @ 2023-05-20 22:21 Young_Yang_Yang 阅读(224) 评论(0) 推荐(0)
webpack的概念
摘要：什么是webpack 概念：webpack是前端项目工程化的具体解决方案。 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScrpit的兼容性、性能优化等强大的功能。 好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。 注意：目前 阅读全文
posted @ 2023-05-16 23:27 Young_Yang_Yang 阅读(21) 评论(0) 推荐(0)
工程化的概念
摘要：模块化（js的模块化、css的模块化、资源的模块化） 组件化（复用现有的UI结构、样式、行为） 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理） 自动化（自动化构建、自动部署、自动化测试） 前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验 阅读全文
posted @ 2023-05-16 23:13 Young_Yang_Yang 阅读(320) 评论(0) 推荐(0)

上一页 1 2 3 4