webpack.config.js

本文主要是介绍webpack.config.js，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

const path = require('path');
module.exports = {
    entry: {
        index: './src/index.ts', // 输入
    },
    mode: 'development', // 开发
    module: {
        rules: [
            {
                test: /\.ts$/, // 处理.ts文件
                use: 'ts-loader', // 使用 ts-loader打包编译ts文件
                exclude: /node_modules/, // 不处理node_modules文件夹的.ts文件
            }
        ]
    },
    resolve: {
        extensions: ['.tsc', '.ts', '.js'], // 从哪些扩展名中找文件
    },
    output: {
        filename: 'bundle.[name].js', // 输出
        path: path.resolve(__dirname, 'dist'), // __dirname 当前目录
    }
}

这篇关于webpack.config.js的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！