webpack2.x 中文文档 翻译 之 公然途径(pbulic path)

2019年8月31日 141次阅读 来源: farmerz

公然途径(pbulic path)

该条已在webpack2.x中文网存在,点击这里

webpack有一个异常有效的设置，许可你设置一个一切资本的基本途径在你的运用中。它叫做publicPath。

运用案例(Use cases)

这里有有些现实运用中的案例，个中它运用的异常天真。

在打包临盆时设置值 (set value on build time)

在开辟时我们一般会有一个assets/文件夹，而且他和index页面处于同级，然则我们想让这些静态资本都在临盆时放到cdn吗？

为了处理这个题目，我们仅仅运用一个旧的环境变量。我们有一个变量ASSET_PATH:

import webpack from 'webpack';
//不管环境变量是什么，其他运用root
const ASSET_PATH = process.env.ASSET_PATH || '/';

export default{
  output:{
    publicPath:ASSET_PATH
  },

  plugins: [
    <!--这个可以使我们在本身的代码中平安的运用-->
    new webpack.DefinePlugin({
      'precess.env.ASSET_PATH': JSON.stringify(ASSET_PATH)
    })
  ]
};

运行时编译（set value on the fly)

另一个体式格局设置到on the fly。webpack暴露了悉数变量，这许可你做到这些。__webpack_public_path__。所以在你的运用进口，你只需如许做:

__webpack_public_path__ = process.env.ASSET_PATH;

由于我们已运用了DefinePlugin在我们的设置中，process.env.ASSET_PATH将会一向被定义。

    原文作者：farmerz
    原文地址: https://segmentfault.com/a/1190000008536921
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞