开发者社区> 问答> 正文

打包后的前端模块是一个单独的文件吗?可不可以单独生成html,css,js之类的分类文件夹?

打包后的前端模块是一个单独的文件吗?可不可以单独生成html,css,js之类的分类文件夹?这样的话和后端整合起来会比较方便一点

展开
收起
OSC开源社区 2024-05-13 23:15:41 53 0
1 条回答
写回答
取消 提交回答
  • Webpack 打包后的前端模块可以根据配置生成多个单独的文件,并且可以将 HTML、CSS、JS 分类输出到不同的文件夹,这样与后端整合时会更加方便。以下是一个配置示例,说明如何实现这一目标:

    1. HTML 文件:使用 HtmlWebpackPlugin 创建 HTML 文件,并将生成的 JavaScript 文件链接插入到 HTML 中。

    2. CSS 文件:使用 MiniCssExtractPlugin 将 CSS 提取到单独的文件。

    3. JS 文件:配置 output.filenameoutput.chunkFilename 控制 JavaScript 输出。

    4. 资源文件夹:配置 output.path 设置输出目录,以及使用 file-loaderurl-loader 将图片、字体等资源输出到相应的子文件夹。

    2024-05-21 14:59:30
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载