资源路径处理 编译规则 相关 Loader 配置 为什么要编译路径 资源路径处理 默认情况下，vue-loader 使用 css-loader 和 Vue 模版编译器自动处理样式和模版文件。在编译过程中，所有的资源路径例如 <img src="…"> 、background: url(…) 和 @import 会作为模块依赖 。 例...

Assets Webpack Static Assets By default, Nuxt uses vue-loader, file-loader and url-loader webpack loaders for strong assets serving. You can also use the static directory fo...

资源文件 Webpack 构建 静态文件 资源文件 默认情况下 Nuxt 使用 vue-loader、file-loader 以及 url-loader 这几个 Webpack 加载器来处理文件的加载和引用。对于不需要通过 Webpack 处理的静态资源文件，可以放置在 static 目录中。 Webpack 构建 默认情况下, v...

样式 CSS Modules 目录结构 自定义 element-ui 样式 父组件改变子组件样式 深度选择器 Autoprefixer [新版本已无该问题] Postcss Mixin 样式 CSS Modules 在样式开发过程中，有两个问题比较突出： 全局污染 —— CSS 文件中的选择器是全局生效的，不同文件中的同名选择器...

处理资源路径 转换规则 相关的 Loader 为什么 处理资源路径 当 Vue Loader 编译单文件组件中的 <template> 块时，它也会将所有遇到的资源 URL 转换为 webpack 模块请求 。 例如，下面的模板代码片段： < img src = " ../image.png " > 将会...

上一节，我们对keep-alive 组件的初始渲染流程以及组件的配置信息进行了源码分析。初始渲染流程最关键的一步是对渲染的组件Vnode 进行缓存，其中也包括了组件的真实节点存储。有了第一次的缓存，当再次渲染组件时，keep-alive 又拥有哪些魔法呢？接下来我们将彻底揭开这一层面纱。 13.5 准备工作 13.6 流程分析 13.7 生命...

Vue组件的另一个重要概念是插槽，它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。这一节将围绕官网对插槽内容的介绍思路，按照普通插槽，具名插槽，再到作用域插槽的思路，逐步深入内部的实现原理,有对插槽使用不熟悉的，可以先参考官网对插槽 的介绍。 10.1 普通插槽 10.2 具有后备内容...

常见问题 由于 sass/scss 错误，我的应用程序无法编译 是否有 v2 grid 与 v1.5 相对比的示例？ Error: Cannot find module ‘node-sass’ Invalid CSS after “ @content”: expected “}”, was “($material-light); “ 我的代码不工作 ...

Assets directory Images Styles Sass Fonts Webpack Assets Webpack Aliases Assets directory The assets directory contains your un-compiled assets such as Stylus or Sass fi...

主题定制 样式变量 定制主题 第一步：新建自定义变量 SCSS 文件 第二步：修改本地项目 webpack 或者 vite 的配置文件 vite 演示 vue/cli 2版本 vue/cli 3 以上版本修改 vue.config.js 进行配置 主题定制 NutUI 默认提供一套 UI 主题，同时允许在一定程度上定制新的主题，以满足...