Webpack js css分離
1503 ワード
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const path = require("path");
module.exports = {
mode: "development", //
entry: "./app/main.js", // ,
output: { // , path resolve
path: path.resolve(__dirname, "./dist/js"), // js dist/js
filename: "qmframe.js"
},
module: {
rules: [
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: "css-loader"
})
},
{
test: /\.(gif|png|jpg|woff|svg|ttf|eot)\??.*$/,
loader: {
loader: 'url-loader',
options: {
limit: 8192,
name: './resource/[name].[ext]'
}
}
}
]
},
plugins: [
new ExtractTextPlugin("./qmstyles.css") // , ../
]
}
require('./bootstrap.min.css');
require('./font-awesome.min.css');
require('./qm.loading.css');
require('./alert.css');
jquery=require('./jquery-3.3.1.min.js');
$=jquery;
jQuery=jquery;
require('./bootstrap.bundle.min.js');
jqueryAlert=require('./alert.js');
require('./qm.jquery.blockUI.js');
require('./layer.js');
require('./layui.js');