在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 使用nuxtjs如何外部鏈接模塊里面的css？

使用nuxtjs如何外部鏈接模塊里面的css？

比如我要加載element-ui組件的css文件。

我在nuxt.config.js文件設(shè)置：

css: [
      'element-ui/lib/theme-default/index.css',
  ],

頁面是加載了。但是不是外聯(lián)的形式加載css文件的。而是把整個css的代碼全部加載到了當前頁面。一看源碼，密密麻麻都是。

我希望是以類似的形式加載進來的，比如:

<link data-n-head="true" rel="stylesheet" href="~element-ui/lib/theme-default/index.css"/>

我看了官方的例子：https://zh.nuxtjs.org/example...

查看源代碼就會發(fā)現(xiàn)，他把兩個css文件都加載到了頁面內(nèi)，詳細看 https://global-css.nuxtjs.org/
感覺這樣不好。

回答
編輯回答
嫑吢丕
  1. 將你的靜態(tài)css文件移到static目錄;

  2. 在next.config.js文件中配置head(以semantic.css為例)

    head: {
    title: 'MyWork',
    link: [
        {rel: 'stylesheet', href:   '/semantic.css'}
    ]
}
2017年3月10日 19:40
編輯回答
薔薇花

大神， extractCSS: true, 我改為true 但是也沒有生效啊

2017年6月29日 02:18
編輯回答
笑浮塵

我也一樣的問題，根本搜不到資料。后來自己看了nuxt源碼，看了nuxt的webpack配置，其實nuxt是加了ExtractTextPlugin插件的，只要在dist/nuxt.js中找到下面中的extractCSS：

build:｛

analyze: false,
dll: false,
extractCSS: false,//chenzhe modify
cssSourceMap: undefined,
ssr: undefined,
publicPath: '/',//chenzhe modify
filenames: {
  css: 'common.[contenthash].css',
  manifest: 'manifest.[hash].js',
  vendor: 'common.[chunkhash].js',
  app: 'app.[chunkhash].js',
  chunk: '[name].[chunkhash].js'
},
vendor: [],
plugins: [],
babel: {},
postcss: {},
templates: [],
watch: [],
devMiddleware: {},
hotMiddleware: {}

},

然后改為true就可以了。

2017年5月21日 12:15
編輯回答
離夢

我試了下，還是在頁面，樓上處理的能解決么

2017年5月19日 09:02