sdvcrx's wiki

本页面只读。您可以查看源文件，但不能更改它。如果您觉得这是系统错误，请联系管理员。

====== webpack ======

===== Quick Setup =====

Setup a basic webpack skeleton with babel, sass support:

  npm install --save-dev webpack babel-loader babel-core babel-preset-es2015 sass-loader node-sass style-loader css-loader

A example config:

<code javascript webpack.config.js>
const path = require('path')
const webpack = require('webpack')

const PATHS = {
  app: path.join(__dirname, 'resources/js'),
  build: path.join(__dirname, 'public/js'),
}

module.exports = {
  entry: {
    app: PATHS.app,
  },
  output: {
    path: PATHS.build,
    filename: 'bundle.js',
  },
  devtool: 'eval-source-map',
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel',
        query: {
          presets: ['es2015'],
        },
      }, {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass'],
      },
    ],
  },
}
</code>

===== Migrate from webpack 1 =====

[[https://webpack.js.org/how-to/upgrade-from-webpack-1/]]

===== Reference =====

  * https://webpack.js.org
  * https://webpack.github.io/docs/