• 注册
当前位置:1313e > 默认分类 >正文

手动配置webpack

//注:“__dirname”是node.js中的一个全局变量,它指向当前执行脚本所在的目录。
const path = require('path');
const webpack = require('webpack');

//单独打包css
const extractTextPlugin = require('extract-text-webpack-plugin');
//const extractLESS = new extractTextPlugin('css/[name].[contenthash:6].css');
//new extractTextPlugin('css/style.css');

module.exports = {
entry:__dirname+"/app/main.js",
output:{
path:__dirname+"/public",
filename:"bundle.js"
},
module: {
loaders: [
{
test: /\.css$/,
//loader: "style-loader!css-loader"
loader:extractTextPlugin.extract("css-loader")
},
{
test: /\.js$/,
loader: "babel-loader",
options: {
presets: ["es2015"]
},
exclude: /node_modules/
}
]
},
plugins:[
//extractLESS,
new extractTextPlugin("css/[name].css",{allChunks:true})
]


}

转载于:https://www.cnblogs.com/zhaodagang8/p/8365993.html

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录