day2.24

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'])

]