当前位置: 首页 > 面试题库 >

冲突:多个资产发出相同的文件名

濮阳
2023-03-14
问题内容

我是一个Webpack新手,想了解所有相关知识。我在运行Webpack时告诉我:

ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js

我应该怎么做才能避免冲突?

这是我的webpack.config.js:

module.exports = {

  context: __dirname + "/app",



  entry: {

    'javascript': "./js/app.js",

    'html': "./index.html",

  },

  output: {

    path: __dirname + "/dist",

    filename: "app.js",

  },

  resolve: {

    extensions: ['.js', '.jsx', '.json']

  },

  module: {

    loaders: [

      {

        test: /\.jsx?$/,

        exclude: /node_modules/,

        loaders: ["babel-loader"]

      },

      {

        test: /\.html$/,

        loader: "file-loader?name=[name].[ext]",

      }

    ]

  }

};

问题答案:

我对您的方法不太熟悉,所以我将向您展示一种帮助您的常见方法。

首先,在你的output,你都指定filenameapp.js这是有道理的,我的输出仍然会app.js。如果要使其动态化,请使用"filename": "[name].js"

[name]部分将使文件名动态化。那就是您entry作为对象的目的。每个密钥都将用作替换的名称[name].js

其次,您可以使用html-webpack-plugin。您不需要将其作为test



 类似资料:
  • 现在的问题是,当我访问静态资源时,例如: 它会映射那个控制器,但我不想这样,我如何解决冲突?

  • 我有100个不同名称的文件夹,每个文件夹中应该有相同的三个文件,但在某些文件夹中,这三个文件都不存在。 如何删除空文件夹或仅包含一个或两个文件的文件夹? 这是三个文件:

  • 我使用了约曼的“redux生成器”并安装了一些东西。 当我运行“npm start”时,项目将加载但显示此日志 错误/js/index。js模块构建失败:ReferenceError:插件“react.displayName”在PluginManager上与另一个同名插件冲突。在PluginManager上验证(/Users/acejordan/Projects/redcli/node_modul

  • 问题内容: package scanner; 为什么会收到一条错误消息,提示“ import java.util.Scanner”与同一文件中定义的文件冲突? 问题答案: 您自己的类名为,并且您正在导入另一个名为的类。这意味着在创建type变量时,编译器不知道您指的是哪个类。 尝试将您的班级重命名为其他名称。 另外,您可以使用这种方式而不重命名自己的类:

  • 问题内容: 如果类路径中有两个JAR文件,两个文件的根中都包含一个名为“ config.properties”的资源。有没有办法检索类似于的 两个 文件?顺序不相关。 一种替代方法是,如果可能的话,在类路径中加载与某些条件匹配的每个属性文件。 问题答案: 您需要 (或静态版本)。 但是不幸的是,资源不在“目录”中存在一个已知问题。例如,可以,但是可能是一个问题。在Spring Reference中

  • 我需要我的logstash conf文件向一个kafka主题发送一条消息,以指示已处理的文档已发送到ElasticSearch。我已经准备好了logstash文件来构造发送到ElasticSearch的数据,但是我需要通过同一个logstash文件向kafka主题发布“是”或“否”消息。