用户工具

站点工具


frontend: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:

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'],
      },
    ],
  },
}

Migrate from webpack 1

Reference

frontend/webpack.txt · 最后更改: 2023/12/03 10:24 由 127.0.0.1