webpack中打包css时前面的!style!css!是什么意思
-
style! 表示 style-loader
-
css! 表示 css-loader
省略 -loader
后缀在 webpack2 中已经不赞成了;
__dirname
__dirname变量获取当前模块文件所在目录的完整绝对路径;
模块内的两个东西__dirname(获取当前的脚本所在目录的路径),__filename(获取当前的脚本的路径)
更新npm到最新的版本
npm i npm [-g] //全局太慢,可能是公司网的问题
npm install -g npm !!!!!!!!!!这个命令好用,全局但是很快
查看npm版本
npm -v
像这样的意思应该是:排除srcs目录中的.css文件,其它都用style-loader加载
loaders: [{
test: /srcs/.+.css$/,
loader: 'style!css?modules&localIdentName=[name]__[local]__[hash:base64]!sass'
}, {
test: /.css$/,
exclude: /srcs//,
loader: 'style!css'
},
module: {
loaders: [{
test: /.css$/,
loader: 'style!css' //(short for style-loader!css-loader)
}]
参考链接:http://www.cnblogs.com/vajoy/p/4650467.html
resolve: { //查找module的话从这里开始查找 root: 'E:/github/flux-example/src', //绝对路径 //自动扩展文件后缀名,意味着我们require模块可以省略不写后缀名 extensions: ['', '.js', '.json', '.scss'], //模块别名定义,方便后续直接引用别名,无须多写长长的地址 alias: { AppStore : 'js/stores/AppStores.js',//后续直接 require('AppStore') 即可 ActionType : 'js/actions/ActionType.js', AppAction : 'js/actions/AppAction.js' } }
参考链接 :http://www.cnblogs.com/y896926473/articles/6011711.html
项目中,对于一些常用的组件,站点公用模块经常需要与其他逻辑分开,然后合并到同一个文件,以便于长时间的缓存。要实现这一功能,配置参照:
var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
plugins: [
new CommonsChunkPlugin('part1.js', ['a', 'b']),
new CommonsChunkPlugin('common.js', ['part1', 'c'])
]