webpack编译typescript
2021-02-16 16:21
标签：启动 全局 cli 脚本 mode 依赖 port use 个数 1、安装nodejs 2、安装cnpm 3、安装全局typescript 4、使用cnpm初始化编译环境 5、项目安装typescript和loader 6、安装webpack和相关依赖 7、新建webpack.config.js 8、在package.json设置启动脚本 9、运行编译 webpack编译typescript 标签：启动 全局 cli 脚本 mode 依赖 port use 个数 原文地址：https://www.cnblogs.com/hellowoeld/p/12966884.htmlnpm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g typescript
npm init -y #初始化package.json
tsc --init #初始化tsconfig.json
cnpm install --save-dev typescript ts-loader
npm intall webpack webpack-cli webpack-dev-server --save-dev
const path = require(‘path‘); //node模块
module.exports = {
entry: {
demo: path.join(__dirname, ‘./src/demo.ts‘)
},
output: {
filename: ‘[name].bundle.js‘,
path: path.join(__dirname, ‘./dist‘)
},
module: {
//配置一个rules(规则),rules是一个数组,里面包含一条一条的规则
rules: [{
test: /.tsx?$/,
use: "ts-loader",
exclude: /node_modules/
}]
}
}
"scripts": {
"webpack": "webpack --mode=production --watch"
},
npm run webpack
文章标题：webpack编译typescript
文章链接：http://soscw.com/index.php/essay/56173.html