Как подключить css в nuxt js

365
17 августа 2017, 21:47

Мой nuxt.config.js

    module.exports = {
        head: {
            meta: [
                {charset: 'utf-8'},
                {'http-equiv': 'X-UA-Compatible', content: 'IE=edge'}
            ],
            css: [
                'hover.css/css/hover-min.css',
                'bulma/css/bulma.css',
                 "HTML_design/libs/fancybox/jquery.fancybox.css",
                 "HTML_design/libs/owl-carousel/assets/owl.carousel.css",
                 "HTML_design/style.css",
                {src: "~/assets/css/style.css", lang: 'css'}
            ],
            build: {
                extractCSS: true
            }
        }
};

И мой package.json

{
  "name": "mynuxt",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "axios": "^0.16.2",
    "bulma": "^0.5.1",
    "hover.css": "^2.2.0",
    "nuxt": "^1.0.0-rc4",
    "vue-style-loader": "^3.0.1"
  }
}

Запускаю npm run build и npm run start, но css файлы не подключаются. Вот скриншот консоли Как подключить css? Пробую так, как в доках, ничего не получается

Answer 1

Версия nuxt должна быть меньше ^1.0.0-rc4. Я поставила 0.10.6 и все стало работать

READ ALSO
Как сверстать такое на флексбоксах?

Как сверстать такое на флексбоксах?

Нужны ли тут гриды? Как сверстать такое, не могу понять позиционирование

221
Зум страницы вызывает проблемы

Зум страницы вызывает проблемы

Доброе время суток, прощу прощения у тех, у кого забираю время, но у меня возникла проблемаСайт почти готовый, и уже был готов к сдаче, на всех...

282
mysql fulltext search как сделать поиск по одному слову?

mysql fulltext search как сделать поиск по одному слову?

здравствуйте, у меня есть небольшая функция поиска

299