javascript - 如何在没有 webpackJsonp 的情况下生成 js 文件

Question

我希望 webpack 处理 js 文件（minify/uglify）但不将其格式化为模块 - 所以它只是包含初始代码（minified/uglified）的原始 js 文件，没有任何 webpackJsonp。在浏览器中加载 webpack 之前，我需要这样一个文件来加载它，以检测是否加载了自定义字体。如果我使用 webpack 模块来执行此操作，那么我的包会在字体文件加载后加载。

Answer 1

在 webpack.config.js 中设置你的目标（默认是）nodeweb

module.exports = {
  target: 'node'
};

在上面的示例中，使用 node webpack 将编译以在类似 Node.js 的环境中使用（使用 Node.js 需要加载块并且不触及任何内置模块，如 fs 或 path）。

或者，如果这不适合您的使用，您也可以只更改输出libraryTarget中的（假设您使用的是 CommonJS）：

output: {
    path: path.resolve(__dirname, 'build'),
    filename: '[name].js',
    libraryTarget: 'commonjs'
},

libraryTarget: "commonjs" - 入口点的返回值将使用 output.library 值分配给导出对象。顾名思义，这是在 CommonJS 环境中使用的。

Answer 2

你应该有（取决于版本） scripts() 或 babel() 方法，它们只会缩小而不是 webpackfy 的 js() 方法：

mix.js('resources/js/app.js', 'public/js/app') //this add a webpack module
    .scripts(['resources/js/scrips/raw.js', 'resources/js/scrips/raw2.js',], 'public/js/raws.js')//this add a minified js
    .babel(['resources/js/scrips/raw3.js', 'resources/js/scrips/raw4.js',], 'public/js/raws_retrocompatible.js')//this add a minified js, but using babel compiler