diff --git a/docs/guide/css.md b/docs/guide/css.md index 0cfaed03..d6651036 100644 --- a/docs/guide/css.md +++ b/docs/guide/css.md @@ -1,4 +1,4 @@ -# 样式 +# 使用 css :::tip 本文档以 css 为示例,把后缀换成 `.less` 同样适用。 @@ -14,7 +14,7 @@ Fes.js 中约定 `src/global.css` 为全局样式,如果存在此文件,会 } ``` -## Vue单文件 +## 组件内样式 ```vue ``` +## 引入第三方样式 +可以直接通过 `import` 引入第三方组件,当然最好在入口文件`app.js`中引入 +``` js +// src/app.js +import 'bootstrap/dist/css/bootstrap.css' +``` + ## CSS Modules 支持 `Vue` 的 [CSS Modules](https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95) 用法,可以直接使用: ```vue diff --git a/docs/zh/guide/css.md b/docs/zh/guide/css.md index d110f2cd..d6651036 100644 --- a/docs/zh/guide/css.md +++ b/docs/zh/guide/css.md @@ -14,7 +14,7 @@ Fes.js 中约定 `src/global.css` 为全局样式,如果存在此文件,会 } ``` -## Vue单文件 +## 组件内样式 ```vue ``` +## 引入第三方样式 +可以直接通过 `import` 引入第三方组件,当然最好在入口文件`app.js`中引入 +``` js +// src/app.js +import 'bootstrap/dist/css/bootstrap.css' +``` + ## CSS Modules 支持 `Vue` 的 [CSS Modules](https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95) 用法,可以直接使用: ```vue diff --git a/packages/fes-preset-built-in/src/plugins/commands/dev/createRouteMiddleware.js b/packages/fes-preset-built-in/src/plugins/commands/dev/createRouteMiddleware.js index 7fa1aa5d..ebc2bb02 100644 --- a/packages/fes-preset-built-in/src/plugins/commands/dev/createRouteMiddleware.js +++ b/packages/fes-preset-built-in/src/plugins/commands/dev/createRouteMiddleware.js @@ -2,7 +2,7 @@ import { extname, join } from 'path'; import historyFallback from 'connect-history-api-fallback'; -const ASSET_EXTNAMES = ['.ico', '.png', '.jpg', '.jpeg', '.gif', '.svg']; +const ASSET_EXT_NAMES = ['.ico', '.png', '.jpg', '.jpeg', '.gif', '.svg']; export default api => (req, res, next) => { const proxyConfig = api.config.proxy; @@ -12,7 +12,7 @@ export default api => (req, res, next) => { if (req.path === '/favicon.ico') { return res.sendFile(join(__dirname, 'fes.png')); } - if (ASSET_EXTNAMES.includes(extname(req.path))) { + if (ASSET_EXT_NAMES.includes(extname(req.path))) { return next(); } const history = historyFallback();