zoukankan      html  css  js  c++  java
  • webpack-输出

    输出(Output)

    配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。

    注意,即使可以存在多个入口起点,但只指定一个输出配置。

    用法(Usage)

    在 webpack 中配置 output 属性的最低要求是,将它的值设置为一个对象,包括以下两点:

    • filename 用于输出文件的文件名。
    • 目标输出目录 path 的绝对路径。

    webpack.config.js

    const config = {
      output: {
        filename: 'bundle.js',
        path: '/home/proj/public/assets'
      }
    };
    
    module.exports = config;

    此配置将一个单独的 bundle.js 文件输出到 /home/proj/public/assets 目录中。

    多个入口起点

    如果配置创建了多个单独的 "chunk"(例如,使用多个入口起点或使用像 CommonsChunkPlugin 这样的插件),则应该使用占位符(substitutions)来确保每个文件具有唯一的名称。

    {
      entry: {
        app: './src/app.js',
        search: './src/search.js'
      },
      output: {
        filename: '[name].js',
        path: __dirname + '/dist'
      }
    }
    
    // 写入到硬盘:./dist/app.js, ./dist/search.js

    高级进阶

    以下是使用 CDN 和资源 hash 的复杂示例:

    config.js

    output: {
      path: "/home/proj/cdn/assets/[hash]",
      publicPath: "http://cdn.example.com/assets/[hash]/"
    }

    在编译时不知道最终输出文件的 publicPath 的情况下,publicPath 可以留空,并且在入口起点文件运行时动态设置。

    如果你在编译时不知道 publicPath,你可以先忽略它,并且在入口起点设置 __webpack_public_path__

    __webpack_public_path__ = myRuntimePublicPath
    __webpack_public_path__ = myRuntimePublicPath
    
    // 剩余的应用程序入口
  • 相关阅读:
    转载:iOS开发的22个奇谲巧技
    解决pathForResource返回nil, 无法读取plist文件问题
    小项目三:登陆窗口
    小项目一: UIButton的使用
    转载:iOS 8 自适应 Cell
    转载:iOS 8 AutoLayout与Size Class自悟
    转载:总结iOS 8和Xcode 6的各种坑
    [转]Xcode6中如何添加pch文件
    UIButton和UIImageView的区别
    控件的属性
  • 原文地址:https://www.cnblogs.com/cisum/p/8474711.html
Copyright © 2011-2022 走看看