用户工具

站点工具


frontend:webpack

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

后一修订版
前一修订版
frontend:webpack [2016/10/22 21:52] – 创建 memoryfrontend:webpack [2023/12/03 10:24] (当前版本) – 外部编辑 127.0.0.1
行 1: 行 1:
 ====== webpack ====== ====== 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 ===== ===== Reference =====
frontend/webpack.1477144352.txt.gz · 最后更改: 2023/12/03 10:24 (外部编辑)