我正在尝试在一个项目中做一些事情,我不确定它是否可能,我是错误的方式或误解了什么.我们正在使用webpack,其想法是提供多个html文件.
localhost:8181 - >提供index.html
localhost:8181/example.html - > serve example.html
我正在尝试通过设置多个入口点,遵循文档:
文件夹结构是:
/
|- package.json
|- webpack.config.js
/src
|- index.html
|- example.html
| /js
|- main.js
|- example.js
Run Code Online (Sandbox Code Playgroud)
Webpack.config.js:
...
entry: {
main: './js/main.js',
exampleEntry: './js/example.js'
},
output: {
path: path.resolve(__dirname, 'build', 'target'),
publicPath: '/',
filename: '[name].bundle.js',
chunkFilename: '[id].bundle_[chunkhash].js',
sourceMapFilename: '[file].map'
},
...
Run Code Online (Sandbox Code Playgroud)
的index.html
<!DOCTYPE html>
<html
<head>
...
<link type="text/css" href="/style/default.css">
</head>
<body>
<div id="container"></div>
<script src="/main.bundle.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
example.html的:
<!DOCTYPE html>
<html
<head>
...
<link type="text/css" href="/style/default.css"> …Run Code Online (Sandbox Code Playgroud)