webpack
文章平均质量分 80
kjs--
好的坏的都是风景
展开
-
vue cli 脚手架
实际开发中需要自己配置 webpack 吗答案:不需要!实际开发中会使命令行工具(俗称 CLI)一键生成带有 webpack 的项目开箱即用,所有 webpack 配置项都是现成的!我们只需要知道 webpack 中的基本概念即可!概念vue2.x使用的脚手架官方名称叫:vue cli,俗称脚手架Vue CLI是一个基于 Vue.js 进行快速开发的完整系统,它致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不原创 2021-04-20 20:05:47 · 87 阅读 · 0 评论 -
webpack配置 加载器loader配置
webpack中配置加载器loader1.背景在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块。其他非 .js 后缀名结尾的模块,默认情况下,webpack不能打包转换css文件,在进行必要的配置之前,会报如下错误)ERROR in ./src/styles/a.css 1:4 --- 告诉css文件出问题Module parse failed: Unexpected token (1:4) -- 模块文件转换失败You may need an appropria原创 2021-04-20 20:05:17 · 647 阅读 · 0 评论 -
webpack配置 入口和输出的配置 插件配置
webpack配置官方网站https://webpack.docschina.org/concepts/webpack.config.js 是 webpack的配置文件我们主要在这个文件中配置入口(entry)输出(ouput)插件(plugins)加载器(loader)一.添加入口和输出的配置entry:配置入口,指定需要打包转换的资源output:配置打包存储的目录及文件名称二.webpack中配置插件pluginswebpack-dev-server插件1. 作用:进原创 2021-04-20 20:04:36 · 263 阅读 · 0 评论 -
前端工程化和 webpack
前端工程化概念前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终,前端工程化需要落实到如下 4 个方面:项目的构建、审查、测试、部署模块化(js 的模块化、css 的模块化、资源的模块化)组件化(复用现有的 UI 结构、样式、行为)规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理)自动化(自动化构建、自动部署、自动化测试)好处前端工程化让前端开发能够“自成体系”,覆盖了前端项目从创建到部署的方方面原创 2021-04-17 20:40:18 · 109 阅读 · 0 评论