鍍金池/ 問(wèn)答/Linux  HTML/ 引入iview,打包后字體資源文件找不到位置

引入iview,打包后字體資源文件找不到位置

clipboard.png
打包目錄

clipboard.png
如何讓打包后文件位置指向?qū)?yīng)位置

現(xiàn)在臨時(shí)解決方案是把a(bǔ)ssets這個(gè)文件夾復(fù)制到css文件夾下

補(bǔ)充說(shuō)明:
我是在main.js全局引用iview

clipboard.png
字體文件是node_module依賴?yán)锩娴?/p>

clipboard.png

打包后我本地使用的背景圖是可以正常訪問(wèn)的,這些字體文件主要是使用iview的Icon組件中用到

回答
編輯回答
遲月

clipboard.png
你可以在node_modules ,里找到iview的css文件, 搜索你用到的字體文件 ,將其路徑改為相對(duì)地址前面不要加/ 或者../ , 就文件夾名加文件 , 打包的路徑 改成你網(wǎng)站的跟路徑開始 , 比如 我的網(wǎng)站是 域名/public/dist/html , 就把打包的路徑設(shè)為 /public/dist/ , 因?yàn)槟闶窍鄬?duì)路徑 ,打包的時(shí)候,會(huì)給你修改路徑 ,絕對(duì)路徑則不會(huì)

2018年4月7日 06:52
編輯回答
陌如玉

你看下生成的樣式文件,你在開發(fā)的時(shí)候路徑用的是相對(duì)路徑,但是編譯完之后得到的路徑是不對(duì)的,你把字體復(fù)制到css文件夾中,不如找一下編譯后的路徑,從根本上解決問(wèn)題。

2017年3月30日 11:49
編輯回答
替身

可能是配置字體路徑有問(wèn)題
按你的需要我試了下,正常
1.config/index.js----配置所有url的前綴

  build: {
    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    .....
    }
2.webpack.base.conf.js  配置輸出目錄
    output: {
        path: config.build.assetsRoot,
        filename: '[name].js',
        publicPath: process.env.NODE_ENV === 'production'
          ? config.build.assetsPublicPath
          : config.dev.assetsPublicPath
     }

3.webpack.base.conf.js 配置字體的rules

      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }

3.src中使用ivew中的icon
圖片描述
圖片描述
4.npm run build 之后fonts文件夾就放在 dist下的statics中
圖片描述

2018年1月1日 17:18
編輯回答
心癌

建議把靜態(tài)資源文件放在static文件夾,這樣webpack就不會(huì)編譯它,直接復(fù)制到對(duì)應(yīng)文件夾里面的。
順便,你可以把你的引入路勁代碼貼出來(lái)看看。

2017年5月6日 09:20
編輯回答
朕略萌

想通過(guò)http 直接訪問(wèn)的文件,就放在static文件夾下

2018年3月27日 01:00