vue项⽬将css,js全部打包到html⽂件配置ports={
publicPath: './',//使⽤相对路径
productionSourceMap: false,
// publicPath:"./",  // 可以设置成相对路径，这样所有的资源都会被链接为相对路径，打出来的包可以被部署在任意路径
outputDir:"dist",  //打包时⽣成的⽣产环境构建⽂件的⽬录
chainWebpack: config => {
css和html和js怎么结合config.plugin('preload')
.tap(args => {
args[0].fileBlacklist.push(/\.css/, /\.js/)
return args
})
config.plugin('inline-source')
.use(require('html-webpack-inline-source-plugin'))
config
.plugin('html')
.tap(args => {
args[0].title = 'JSON和PHP Array 互转'
args[0].inlineSource = '(\.css|\.js$)'
return args
})
}
}
2.第⼆种
const HtmlWebpackPlugin = require('html-webpack-plugin')
const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin')
// publicPath: './',
outputDir: './html/dist',
productionSourceMap: false,
runtimeCompiler: true,
configureWebpack: {
plugins: [
new HtmlWebpackPlugin({
inlineSource: '.(js|css)$',
template: './public/index.html'
}),
new HtmlWebpackInlineSourcePlugin() // 实例化内联资源插件
]
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。