Question

我刚刚开始通过推荐使用Webpack，并正在寻找有关如何实施以构建和部署目的的一些指导。

我目前已经使用webpack-dev-server和一些Gulp任务完成并运行良好。

传统上我会使用Gulp或Grunt来连接文件，然后使用任务运行器将我的所有文件和资源复制到我将部署所有内容的dist或build目录。

此时，Webpack做了它的事情并构建了捆绑文件，图像等，然后使用[hash] .js命名约定将它们复制到构建目录。

所以我的问题是，然后复制我的index.html文件然后正确地将它链接到要在生产中使用的js文件的标准做法是什么。

除非我完全误解了Webpack应该如何使用，否则我是否应该有一些方法可以做到这一点，最终的结果是我能够导航到构建目录并看到我的应用程序正常运行应该是吗？

Answer 1

我目前正在使用插件来移动我的index.html。确保您的webpack.output.publicPath指向您的站点，以便它可以链接图像和其他资源。

var CopyWebpackPlugin = require('copy-webpack-plugin');

var webpack_config = {

    //Other configs here

    output: {
        publicPath: 'http://localhost/'
    },

   //Other configs here

    plugins:[
         new CopyWebpackPlugin([
                {from: './index.html', to: './index.html'},
            ], {
                ignore: [
                    '*.txt',
                    {glob: '**/*', dot: true}
                ]
            })
    ],

    //Other configs here

}

Webpack构建和部署过程

1 个答案: