webpack拆分js文件（webpack中打包后的js和css分离不出来）

本文目录

• webpack中打包后的js和css分离不出来
• webpack 额外输出JS文件
• 使用 webpack 打包 js
• webpack开发多页面时，怎样拆分多个css

webpack中打包后的js和css分离不出来

rules: 以后再遇到这样的问题 可以直接搜索这个插件 看它的用法

webpack 额外输出JS文件

webpack配置如下：...const ExtractTextPlugin = require(’extract-text-webpack-plugin’)module.exports = { ... output: { path: path.join(__dirname, ’./dist’), filename: ’js/.js’, publicPath: ’/dist/’ }, module: { loaders: }

使用 webpack 打包 js

通过 命令行工具打包: webpack app.js bundle.js; 打包完成后会在同目录下生成bundle.js. app.js: 入口文件; bundle.js: 打包好的文件。 通过amd规范定义的, 打包后会生成一个bundle.js 和 一个 1.bundle.js， 两个bundle.js 文件

webpack开发多页面时，怎样拆分多个css

一. 打包多个页面的js文件 读取src/views下的目录，约定每一个目录当成一个页面，打包成一个js chunk。 二. 打包多个html 循环生成多个HtmlWebpackPlugin插件，把每一个插件的chunks各自指向上面打包的js chunk