TS WebPack相关

未分类

npm显示已安装的包

npm list -g --depth 0

npm install moduleName # 安装模块到项目目录下

npm install -g moduleName # -g 的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看 npm config prefix 的位置。 npm install -save moduleName # -save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。

npm install --save-dev moduleName # -save-dev 的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。

在本地安装webpack

npm install webpack --save-dev
npm install webpack-cli --save-dev

要想使用require 导入类需要安装这个

npm install --save @types/webpack

- 清空打包目录

npm install clean-webpack-plugin --save-dev
//webpack.config.js
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
module.exports = {
  entry:...,
  output:...,
  plugins:[
    new CleanWebpackPlugin({
        // outputPath: path.resolve(__dirname, '../'), //根目录
        // verbose Write logs to console.
        verbose: true, //开启在控制台输出信息
        // dry Use boolean "true" to test/emulate delete. (will not remove files).
        // Default: false - remove files
        dry: false,
    }),
  ]
}

复制静态资源

//静态资源输出,将src目录下的assets文件夹复制到dist目录下
new copyWebpackPlugin([{
 from: __dirname+"../src/assets",
 to: './assets',
 ignore: ['.*']
}]),

安装压缩工具

npm install uglifyjs-webpack-plugin --save-dev