小编mar*_*ova的帖子

使用 webpack 从 Angular 5 迁移到 Angular 9

这不是一个问题,我只是想分享我的经验!

  1. 您需要升级您的依赖项 package.json

- 版本 9 的所有角度依赖项 - 添加以下依赖项:

"@angular-devkit/build-angular": "^0.900.4",
"@angular-builders/custom-webpack": "^9.0.0",
"raw-loader": "^4.0.0",
"sass-loader": "^8.0.2",
"ts-loader": "^6.2.1",
"typescript": "~3.7.5",
"webpack": "^4.41.6",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3",
"angular2-template-loader": "^0.6.2",
"css-loader": "^3.4.2",
"html-loader": "^0.5.5",
"html-webpack-plugin": "3.2.0",
"mini-css-extract-plugin": "^0.9.0",
"to-string-loader": "^1.1.6"
Run Code Online (Sandbox Code Playgroud)

2.创建webpack.config.js (这是我的)

const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const path = require('path');
const  isDevelopment = process.env.WEBPACK_MODE !== 'production'
module.exports = {
  entry: './src/main.ts',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'app.bundle.js'
  },
  resolve:{
    extensions: ['.ts','.js','.scss']
  },
  module: {
    rules: …
Run Code Online (Sandbox Code Playgroud)

javascript typescript webpack angular

6
推荐指数
1
解决办法
1978
查看次数

标签 统计

angular ×1

javascript ×1

typescript ×1

webpack ×1