質問編集履歴

package.json表示削除

2020/02/23 06:55

投稿

mio503

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -280,61 +280,7 @@
-### 該当のソースコード package.json
-{
-  "name": "nuxt-kansya",
-  "version": "1.0.0",
-  "description": "My incredible Nuxt.js project",
-  "author": "eiji",
-  "private": true,
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
-    "build": "nuxt build",
-    "start": "cross-env NODE_ENV=production node server/index.js",
-    "generate": "nuxt generate"
-  },
-  "dependencies": {
-    "bootstrap": "^4.1.3",
-    "bootstrap-honoka": "^4.3.1",
-    "bootstrap-vue": "^2.0.0",
-    "cross-env": "^5.2.0",
-    "express": "^4.16.4",
-    "jquery": "^3.4.1",
-    "nuxt": "^2.0.0",
-    "popper.js": "^1.16.0",
-    "sticky-state": "^2.4.1"
-  },
-  "devDependencies": {
-    "nodemon": "^1.18.9"
-  }
-}

nuxt.config.jsの更新

2020/02/23 06:55

投稿

mio503

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -118,8 +118,6 @@
-const webpack = require("webpack");
 module.exports = {
@@ -132,8 +130,6 @@
   */
   head: {
     title: process.env.npm_package_name || '',
@@ -158,10 +154,50 @@
         href:
-       "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
+          "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
       }
+    ],
+    script: [
+      {
+        src: "https://code.jquery.com/jquery-3.3.1.slim.min.js",
+        type: "text/javascript"
+      },
+      {
+        src:
+          "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js",
+        type: "text/javascript"
+      },
+      {
+        src:
+          "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js",
+        type: "text/javascript"
+      }
+    ],
+    style: [
+      { cssText: '.foo { color: red }', type: 'text/css' }
     ]
   },
@@ -172,8 +208,6 @@
   */
   loading: { color: '#fff' },
   /*
@@ -182,66 +216,70 @@
   */
+  css: [
- css: ["~/node_modules/bootstrap/dist/css/bootstrap.css"],
+    /* '@/assets/css/resset.css', */
+  ],
+  /*
+  ** Plugins to load before mounting the App
+  */
+  plugins: [
+  ],
+  /*
+  ** Nuxt.js dev-modules
+  */
+  buildModules: [
+  ],
+  /*
+  ** Nuxt.js modules
+  */
+  modules: [
- plugins: ["~plugins/bootstrap.js"],
+    // Doc: https://bootstrap-vue.js.org
+    'bootstrap-vue/nuxt',
+  ],
+  /*
+  ** Build configuration
+  */
- build: {
+  build: {
-  /*
+    /*
-add external plugins
+    ** You can extend webpack config here
     */
-   vendor: ["jquery", "bootstrap"],
-   plugins: [
-     new webpack.ProvidePlugin({
-       $: "jquery"
-     })
-   ],
-   /*
-   ** Run ESLint on save
-   */
-   extend(config, { isDev, isClient }) {
+    extend (config, ctx) {
-     if (isDev && isClient) {
-       config.module.rules.push({
-         enforce: "pre",
-         test: /.(js|vue)$/,
-         loader: "eslint-loader",
-         exclude: /(node_modules)/
-       });
-     }
+    }
-   }
+  }
- }
 }
 ### 該当のソースコード package.json
 {

nuxt.config.jsとpackage.jsonのソースと追記しました

2020/02/23 05:24

投稿

mio503

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -18,9 +18,11 @@
-### 該当のソースコード
+### 該当のソースコード pages/test.vue
 <template>
@@ -112,6 +114,194 @@
+### 該当のソースコード nuxt.config.js
+const webpack = require("webpack");
+module.exports = {
+  mode: 'universal',
+  /*
+  ** Headers of the page
+  */
+  head: {
+    title: process.env.npm_package_name || '',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
+    ],
+    link: [
+      { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
+      {
+        rel: "stylesheet",
+        href:
+       "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
+      }
+    ]
+  },
+  /*
+  ** Customize the progress-bar color
+  */
+  loading: { color: '#fff' },
+  /*
+  ** Global CSS
+  */
+ css: ["~/node_modules/bootstrap/dist/css/bootstrap.css"],
+ plugins: ["~plugins/bootstrap.js"],
+ build: {
+  /*
+add external plugins
+    */
+   vendor: ["jquery", "bootstrap"],
+   plugins: [
+     new webpack.ProvidePlugin({
+       $: "jquery"
+     })
+   ],
+   /*
+   ** Run ESLint on save
+   */
+   extend(config, { isDev, isClient }) {
+     if (isDev && isClient) {
+       config.module.rules.push({
+         enforce: "pre",
+         test: /.(js|vue)$/,
+         loader: "eslint-loader",
+         exclude: /(node_modules)/
+       });
+     }
+   }
+ }
+}
+### 該当のソースコード package.json
+{
+  "name": "nuxt-kansya",
+  "version": "1.0.0",
+  "description": "My incredible Nuxt.js project",
+  "author": "eiji",
+  "private": true,
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
+    "build": "nuxt build",
+    "start": "cross-env NODE_ENV=production node server/index.js",
+    "generate": "nuxt generate"
+  },
+  "dependencies": {
+    "bootstrap": "^4.1.3",
+    "bootstrap-honoka": "^4.3.1",
+    "bootstrap-vue": "^2.0.0",
+    "cross-env": "^5.2.0",
+    "express": "^4.16.4",
+    "jquery": "^3.4.1",
+    "nuxt": "^2.0.0",
+    "popper.js": "^1.16.0",
+    "sticky-state": "^2.4.1"
+  },
+  "devDependencies": {
+    "nodemon": "^1.18.9"
+  }
+}
 ### 試したこと