環境
- OS Mac11.4
- node v16.11.1
- npm 8.0.0
- Nuxt.js v2.15.8
reset.css をインストール
今回は、normalize.css
をインストールします。
その他のreset.css
の場合は移行の手順で適宣書き換えが必要です。
npm install --save normalize.css
nuxt.config.js の書き換え
nuxt.config.js
の中身を書き換える。
css:
の項目に下記を追加。
// Global CSS: https://go.nuxtjs.dev/config-css
css: [
'normalize.css/normalize.css'
],
nuxt.config.js (変更後)
export default {
// Target: https://go.nuxtjs.dev/config-target
target: 'static',
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: '',
titleTemplate: '',
htmlAttrs: {
lang: 'ja'
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
{ name: 'format-detection', content: 'telephone=no' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
// Global CSS: https://go.nuxtjs.dev/config-css
css: [
'normalize.css/normalize.css'
],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
'@/plugins/element-ui'
],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
// https://go.nuxtjs.dev/eslint
'@nuxtjs/eslint-module',
// https://go.nuxtjs.dev/stylelint
'@nuxtjs/stylelint-module',
],
// Modules: https://go.nuxtjs.dev/config-modules
modules: [
],
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
transpile: [/^element-ui/],
}
}