webpack打包配置自己的文件目录

1，build/index.js

build: {  
    // Template for index.html  
    index: path.resolve(__dirname, '../dist/index.html'),  
    // Paths  
    assetsRoot: path.resolve(__dirname, '../dist'),  //构建输出目录 也就是构建后的东西都这里
    assetsSubDirectory: 'resources/dss-web-portal/inner-dmp/',  //资源子目录 除了index.html，其余的js img css都分在这里
    assetsPublicPath: 'https://juejin.com/',  
    //cdnDomain: '/',
    ...
}复制代码

2,webpack.prod.conf.js

new HtmlWebpackPlugin({  
    filename:  'inner-dmp/index.html',  
    template: 'index.html',  
    inject: true,
    ...
}复制代码

build后输入的文件目录结构

build里面html文件引入资源文件路径

转载于:https://juejin.im/post/5cd9314fe51d453a8f348bf9