CSS 相关 引用静态资源 预处理器 自动化导入 PostCSS CSS Modules 向预处理器 Loader 传递选项 CSS 相关 Vue CLI 项目天生支持 PostCSS 、CSS Modules 和包含 Sass 、Less 、Stylus 在内的预处理器。 引用静态资源 所有编译后的 CSS 都会通过 css-...

CSS Modules 使用 自定义注入名称 配置 css-loader Query CSS Modules 需要 ^9.8.0 CSS Modules 是一个用于模块化和组合 CSS 的流行系统。vue-loader 提供了与 CSS 模块的一流集成，可以作为模拟 CSS 作用域的替代方案。 使用 在你的 <style> 上...

快速入门 Vue CLI 安装 Vue UI 安装 Nuxt 安装 Webpack 安装 字体安装 使用 CDN 结合 Electron 结合 PWA 结合 Cordova 结合 Capacitor 快速入门 让我们从 Vuetify 开始吧，这是世界上最流行的 Vue.js 框架，用于构建功能丰富、快速的应用程序。 Vue...

Weex项目集成 BUI-Weex 第一步:修改package.json 第二步: 新增publish.js 第三步：修改 webpack.config.js 第四步：工程结构 Weex项目集成 BUI-Weex 对于已经创建好的 Weex项目，使用我们的UI框架也是比较方便的。请按照如下步骤进行： 第一步:修改package.json...

Vuejs 渲染页面的过程和原理 渲染过程1. js入口文件 渲染过程2. 静态的HTML页面： index.html 渲染过程3. main.js 中的 Vue定义 原理 不使用router的技术：QQ邮箱 Vuejs 渲染页面的过程和原理 只有知道了一个页面是如何被渲染出来的，我们才可以更好的理解框架和调试代码。 下面我们就来仔细看一下...

工具 官方工具 Vue Cli 插件 Webpack Loader ESLint 插件 Extensions 第三方工具 BabelEdit 工具 为了支持开发，我们官方提供了一些工具。 此外，还有第三方供应商提供的集成了 Vue I18n 的工具。 官方工具 Vue Cli 插件 vue-cli-plugin-i18n ...

如何在 Nuxt.js 中使用预处理器？ 如何在 Nuxt.js 中使用预处理器？ 得益于 vue-loader , 我们可以通过 lang 属性在组件中的<template> ， <script> 或 <style> 上使用各种预处理器。 举个例子，我们在 pages/index.vue 组件中使用 Pug ， CoffeeScript ...

创建项目 使用 @vue/cli 创建项目 使用 @vue /cli 推荐用脚手架工具 @vue /cli 来创建一个使用 vue-loader 的项目： npm install - g @vue / cli vue create hello - vue cd hello - vue npm run serve # ...

vux-loader 介绍 为什么不使用 babel-plugin-import vux-loader 介绍 vux-loader 工具的作用是对.vue 代码进行预处理，不限于 vux 组件库。 它是针对webpack+vue-loader 项目的工程化工具，简化了webpack插件和loader的使用和编写，支持在vue-loader...

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