webpack js css分离

 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: \"qm .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(\'./ .js\');
require(\'./layui.js\');