4 回答
TA贡献2051条经验 获得超10个赞
可以通过
plugins: [
new CommonsChunkPlugin({
name: '[id].js',
chunks: chunks,
minChunks: 1
})
]
类似设置实现,
普通js文件:
module.exports = {
entry: {
bundle1: './addr.js',
bundle2: './backward.js'
.......
},
output: {
filename: '[name].js'
}
};
TA贡献1877条经验 获得超6个赞
webpack配置:
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
output: {
path: path.join(__dirname, './dist'),
filename: 'js/[name].js',
publicPath: '/dist/'
},
module: {
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style',
loader: 'css',
publicPath: '../'
})
},
]
},
plugins: [
new ExtractTextPlugin({
filename: 'css/[name].css',
disable: false,
allChunks: false
})
]
}
TA贡献1820条经验 获得超9个赞
正常相对路径的引用就行了,打包方式是手动将html、js和css,当然也包括那个json的清单文件与子目录全部选中,然后添加到压缩文件zip就行了。
之后你可以将这个zip包后缀改成nw,如果环境配置正确就能直接双击运行,或者也可以将它和nw js 的运行环境放在一起,然后通过copy /b 命令将nw.exe和你的项目压缩包合并成一个文件,后缀是exe,就能够直接运行了。
这个时候你就可以用打包工具把整个运行环境与新生成的可执行文件打包在一起,分发给用户,让他们自行安装。目前市面上所有nwjs的项目都是这种打包方式的,其中就包括大名鼎鼎的Photoshop。
添加回答
举报