本文主要是介绍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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!