亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webpack打包字體文件時候為什么路徑不對?

webpack打包字體文件時候為什么路徑不對?

浮云間 2018-08-07 11:10:36
我打算將bootstrap打包進我的項目,但是boostrap需要一些字體文件的依賴,我用了file-loader是打包成功了,但是看起來路徑不對,要怎么解決?我的webpack設置:            {                test: /\.(woff|woff2|eot|ttf)$/i,                 loader: "file-loader?name=fonts/[name]-[hash].[ext]"             }出現的錯誤:
查看完整描述

1 回答

?
qq_遁去的一_1

TA貢獻1725條經驗 獲得超8個贊

你的配置里是name=fonts/[name]-[hash].[ext],但請求字體文件的URL,看起來并沒有符合這個標準。

你確定你的字體是按照你的要求生成在指定位置了么?

補充:

我貼一個我以前用的配置吧:

var path = require('path');

var webpack = require('webpack');


module.exports = {

    entry: {

        index: './index.js'

    },

    output: {

        path: path.resolve(__dirname, 'dist'),

        filename: 'bundle.js',

        publicPath: '/dist/'

    },

    module: {

        loaders: [

            {

                test: /\.css$/,

                loader: 'style!css'

            },

            {

                test: /\.js$/,

                loader: 'babel?{"presets":["es2015"]}',

                exclude: /(node_modules)/

            },

            {

                test: /\.(eot|svg|ttf|woff|woff2|png)\w*/,

                loader: 'file'

            }

        ]

    },

    plugins: [

        new webpack.ProvidePlugin({

            $: 'jquery',

            jQuery: 'jquery',

            'window.jQuery': 'jquery'

        })

    ]

};

然后我在入口文件index.js這么引入bootstrap:

import 'jquery'; import 'bootstrap/dist/js/bootstrap'; import 'bootstrap/dist/css/bootstrap.css'; //下面你原先該寫什么,寫什么

index.html里就引入一個bundle.js就好了

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <!-- 該寫什么,寫什么 -->

</span>


<script type="text/javascript" src="dist/bundle.js"></script>

</body>

</html>


查看完整回答
反對 回復 2018-09-19
  • 1 回答
  • 0 關注
  • 1810 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號