javascript 示例Webpack配置文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 示例Webpack配置文件相关的知识,希望对你有一定的参考价值。

const path = require('path');

module.exports = {
    entry: "./src/ts/index.ts",
    devtool: 'inline-source-map',
    mode: 'development',
    module: {
        rules: [
          {
            test: /\.ts?$/,
            use: 'ts-loader',
          }
        ], 
        rules: [{
            test: /\.less$/,
            loader: 'style-loader!css-loader!less-loader'
        }]
    },
    resolve: {
        extensions: [ '.tsx', '.ts', '.js', '.css', '.less' ]
    },
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    }
};

以上是关于javascript 示例Webpack配置文件的主要内容,如果未能解决你的问题,请参考以下文章

javascript 使用Webpack-dev-middleware对Express.js配置示例,以允许后端身份验证。

JS周刊#410 - 全面的webpack 4配置示例,Storybook4.0更新,异步JS的演变,React Hooks介绍

创建 js webpack 配置

webpack基础配置

javascript 示例Basic Webpack Config

javascript Webpack:Tailwind CSS + PurgeCSS示例