小编mig*_*omp的帖子

使用webpack的多个html文件

我正在尝试在一个项目中做一些事情,我不确定它是否可能,我是错误的方式或误解了什么.我们正在使用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)

webpack webpack-dev-server

58
推荐指数
2
解决办法
3万
查看次数

标签 统计

webpack ×1

webpack-dev-server ×1