Nuxt常用配置項
- 更改位址列中的ico圖示
2.在建立nuxt專案是使用了esline,在編輯程式碼的時候受到影響,怎麼登出掉esline
3.埠被佔用配置埠
"config":{
"nuxt":{
"host":"127.0.0.1",
"port":"1818"
}
}
配置好後,我們在終端中輸入: npm run dev
4.配置全域性CSS/重置標籤預設樣式/外掛
在開發多頁專案時,都會定義一個全域性的CSS來初始化我們的頁面渲染,比如把padding和margin設定成0,網上也有非常出名的開源css檔案reset.css。要定義這些配置,需要在nuxt.config.js裡進行操作。
/assets/css/reset.css
/nuxt.config.js
設定好後,在終端輸:npm run dev。即可看到效果
5. nuxt.config.js/
head: 可以在這個配置項中配置全域性的 head
,如定義網站的標題、 meta
,引入第三方的 CSS、JavaScript 檔案等:
head: {
title: '百姓店鋪',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ name: 'applicable-device', content: 'pc,mobile' },
],
link: [
{ rel: 'stylesheet', type: 'text/css', href: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'}
],
script: [
{src: 'https://code.jquery.com/jquery-3.1.1.min.js'},
{src: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'}
]
},
6.配置webpack的loader
在nuxt.config.js裡第可以對webpack的基本配置進行覆蓋的,比如現在我們要配置一個url-loader來進行小圖片的64位打包。就可以在nuxt.config.js的build選項裡進行配置。
loaders:[ //配置一個url-loader來進行小圖片的64位打包
{
test:/\.(png|jpe?g|gif|svg)$/,
loader:"url-loader",
query:{
limit:10000,
name:'img/[name].[hash].[ext]'
}
}
],
相關文章
- mongodb配置檔案常用配置項MongoDB
- nuxt的代理的配置UX
- nuxt 按需引入 elementUI 配置UXUI
- Nuxt+Vue聊天室|nuxt仿微信App介面|nuxt.js聊天例項UXVueAPPJS
- linux下常用iptables配置例項總結Linux
- Dockerfile中常用配置項的功能都是什麼?Docker
- Nuxt.js實戰和配置UXJS
- Nuxt3環境變數配置UX變數
- nuxt3_配置環境變數UX變數
- 前端使用Nuxt框架,配置本地https訪問前端UX框架HTTP
- nuxt使用axios的跨域處理配置UXiOS跨域
- Nuxt.js 環境變數配置與使用UXJS變數
- 使用 updateAppConfig 更新 Nuxt 應用配置APPUX
- nginx常用配置Nginx
- redis常用配置Redis
- PHP常用配置PHP
- redis 常用配置Redis
- 安裝 Nuxt.js 的步驟和注意事項UXJS
- Vue + nuxt.js 用 axios 設定代理配置VueUXJSiOS
- Fullpage.js全屏滾動常用配置項、方法及回撥函式JS函式
- nuxtUX
- nuxt axios 多環節變數配置不同地址UXiOS變數
- Nuxt 3 路由系統詳解:配置與實踐指南UX路由
- cppcheck指令常用選項
- nmap命令常用例項
- nginx常用配置教程。Nginx
- nginx host常用配置Nginx
- Gradle常用配置Gradle
- 【IDEA】常用配置Idea
- idea常用配置Idea
- 一份關於vite.config.ts專案常用項配置Vite
- ThinkPHP配置項(六)PHP
- 修改Maven配置項Maven
- MySQL多例項配置MySql
- 2024-04-18 tsconfig.json 常用的配置項作用JSON
- 物件導向例項--常用元件物件元件
- webpack常用優化配置Web優化
- springboot常用配置Spring Boot