webpack官方文档

2019-12-02 本文已影响0人小话梅噢

举例

const path = require('path');

const webpack = require('webpack');

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {

mode: 'development',

entry: {

// Set the single-spa config as the project entry point

'single-spa.config': './single-spa.config.js',

output: {

publicPath: '/dist/',

filename: '[name].js',

path: path.resolve(__dirname, 'dist'),

module: {

rules: [

{

// Webpack style loader added so we can use materialize

test: /\.css$/,

use: ['style-loader', 'css-loader']

}, {

test: /\.js$/,

exclude: [path.resolve(__dirname, 'node_modules')],

loader: 'babel-loader',

}, {

// This plugin will allow us to use AngularJS HTML templates

test: /\.html$/,

exclude: /node_modules/,

loader: 'html-loader',

node: {

fs: 'empty'

resolve: {

modules: [path.resolve(__dirname, 'node_modules')],

plugins: [

// A webpack plugin to remove/clean the output folder before building

new CleanWebpackPlugin(),

devtool: 'source-map',

externals: [],

devServer: {

historyApiFallback: true

}

};