新手问一个小白问题,关于webpack的输出文件

#1

我在redux提供的样例中发现这里面使用了webpack的输出,查了很多发现跟我理解的gulp和grunt有点差别
我想问一下为什么没有生成对应的文件,但是却能够被浏览器访问到,在浏览器端看来他是一个完整的问题,还有通过命令行提示输出信息发现它是真实的打包好的
我问的就是那个bundle.js 怎么让他生成真实的文件

var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval',
  entry: [
    'webpack-dev-server/client?http://localhost:3000',
    'webpack/hot/only-dev-server',
    './index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  resolve: {
    alias: {
      'redux-devtools/lib': path.join(__dirname, '..', '..', 'src'),
      'redux-devtools': path.join(__dirname, '..', '..', 'src'),
      'react': path.join(__dirname, 'node_modules', 'react')
    },
    extensions: ['', '.js']
  },
  resolveLoader: {
    'fallback': path.join(__dirname, 'node_modules')
  },
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['react-hot', 'babel'],
      exclude: /node_modules/,
      include: __dirname
    }, {
      test: /\.js$/,
      loaders: ['react-hot', 'babel'],
      include: path.join(__dirname, '..', '..', 'src')
    }, {
      test: /\.css?$/,
      loaders: ['style', 'raw'],
      include: __dirname
    }]
  }
};
#2

另外我看了 Webpack 将多个文件输出到多个目录 这个帖子 说明是可以生成真实文件的

#3

你运行webpack -d就可以生成了啊 HMR的时候生成的文件是存在内存里的

2 Likes
#4

半天搞懂webpack和react之间那些事儿 https://github.com/christianalfoni/react-webpack-cookbook/wiki

1 Like
#5

今天问了coding的大婶 说的也是这个webpack -p 嗯 主要还是不懂啊

#6

谢谢 你 我已收藏 正是不明白这个东东

#7

这个是它的中文版 https://fakefish.github.io/react-webpack-cookbook/

1 Like
#8

多谢