vue打包记录

这里的确是css以及js文件的路径问题，但解决时并不需要手动改路径或者加一段判断去修改，最方便的办法时在项目打包前的vue.config.js里面将publicPath属性添加或者修改为 publicPath: ‘./’， 然后重新打包

module.exports = {
    publicPath: './',
    assetsDir: 'static',
    pages: {
        index: {
            // page 的入口
            entry: 'src/main.js',
            // 模板来源
            template: 'public/index.html',
            // 在 dist/index.html 的输出
            filename: 'index.html',
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 
            // title: 'Index Page',
            // 在这个页面中包含的块，默认情况下会包含
            // 提取出来的通用 chunk 和 vendor chunk。
            chunks: ['chunk-vendors', 'chunk-common', 'index']
        },
        subpage: {
            // page 的入口
            entry: 'src/submain.js',
            // 模板来源
            template: 'public/subindex.html',
            // 在 dist/index.html 的输出
            filename: 'subindex.html'
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
        }
        // 当使用只有入口的字符串格式时，
        // 模板会被推导为 `public/subpage.html`
        // 并且如果找不到的话，就回退到 `public/index.html`。
        // 输出文件名会被推导为 `subpage.html`。
        //subpage: 'src/submain.js'
    },
    // configureWebpack: {
    //     devtool:'source-map'
    // }
}

标签：index,vue,记录,chunk,title,js,html,template,打包
来源： https://www.cnblogs.com/supercoding/p/16619923.html