WebPACKのパックVUEプロジェクトを実行した後との.ttfファイル、またはパス・エラーを見つけることができません.woff

 

ファイルwebpack.base.config、一部の人々はutils.jsであってもよく、

改正前:

{
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
    use: [‘css-loader?minimize‘, ‘autoprefixer-loader‘],
    fallback: ‘style-loader‘
    })
},
{
    test: /\.less$/,
    use: ExtractTextPlugin.extract({
    use: [‘css-loader?minimize‘,‘autoprefixer-loader‘, ‘less-loader‘],
    fallback: ‘style-loader‘
    }),
},

更新:

{
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
    use: [‘css-loader?minimize‘, ‘autoprefixer-loader‘],
    publicPath:‘../../‘,
    fallback: ‘style-loader‘
    })
},
{
    test: /\.less$/,
    use: ExtractTextPlugin.extract({
    use: [‘css-loader?minimize‘,‘autoprefixer-loader‘, ‘less-loader‘],
    publicPath:‘../../‘,
    fallback: ‘style-loader‘
    }),
},
{
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
}

/ WOFFの使用URLローダがロードを終了するためのTTFファイル、ローダはスタイルの変更パッケージのパスをロード見つけます。

時間は、パスが「../../」であるpublicPath CSSが変更されますリロードするだけでなく、彼らのカスタムディレクトリ構造に応じています。このようなプロジェクトがパスに対応するパッケージアプリケーション後に発見されたので、私たちは、元のプロジェクト自体によらない、行くためにパックした後、階層のパスをフォローしたいので、なぜ、それを変更することができ、少しの相対パスを見つけることができない時々あり、彼らはこの絶対パスを変更したい理由は、静的下回を探して行きます。

おすすめ

転載: blog.csdn.net/weixin_28898107/article/details/91418407