前提・実現したいこと
webpackでejsをコンパイルしようとしたのですが下記エラーがでてしまいます。
解決方法がわかる方がいらっしゃいましたらご教示いただけないでしょうか?
よろしくお願いいたします。
エラーメッセージ
assets by status 249 bytes [cached] 1 asset ./src/index.ejs 327 bytes [built] [code generated] ERROR in Conflict: Multiple assets emit different content to the same filename index.html webpack 5.64.3 compiled with 1 error in 233 ms
webpack.config.js
const Path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ejs = { mode: 'production', entry: './src/index.ejs', output: { filename: 'index.html', path: Path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /.(jpe?g|png|gif|svg)$/, use: { loader: 'file-loader', options: { name: '../img/[name].[ext]', } } }, { test: /.ejs$/i, use: [ { loader: 'html-loader', options: { minimize: false }, }, { loader: 'ejs-plain-loader' } ] }, ] }, plugins: [ new HtmlWebpackPlugin({ filename: 'index.html', template : 'src/index.ejs', minify: false, }) ] } module.exports = ejs;
package.json
{ "name": "rikokatsu_mock", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "high5inc@high5inc.git.backlog.com:/RIKOKATU/rikokatsu_mock.git" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "autoprefixer": "^10.4.0", "copy-webpack-plugin": "^10.0.0", "ejs": "^2.7.4", "ejs-plain-loader": "^1.4.1", "globule": "^1.3.3", "html-beautify-webpack-plugin": "^1.0.5", "html-loader": "^3.0.1", "html-webpack-plugin": "^5.5.0", "mini-css-extract-plugin": "^2.4.5", "postcss-cssnext": "^3.1.1", "webpack": "^5.64.3", "webpack-cli": "^4.9.1" } }
試したこと
補足情報(FW/ツールのバージョンなど)
node-jsのバージョン
v15.14.0
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー