- 博客(12)
- 收藏
- 关注
RSS订阅原创 linux 中查看进程的完整路径
1. 找到进程的PID，如下：[kafka@localhost proc]$ jps -l29396 sun.tools.jps.Jps25486 kafka.Kafka2. 进入 proc 目录，ll PID[kafka@localhost proc]$ ll 25486total 0...lrwxrwxrwx 1 kafka kafka 0 Jun 8 16:57 cwd -> /opt/kafka/software/kafka_2.11-1.1.1/bin-r----
2020-07-13 14:39:47
1516
原创 webpack resolve
webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js', output: { // [name] 默认是 main， 可以写固定值 // 文件名称（制定名称+目录） filename: 'js/[name].js',
2020-07-10 19:58:12
161
原创 webpack module
webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { // [name] 默认是 main， 可以写固定值 // 文件名称（制定名称+目录） filename: 'js/[name].js',
2020-07-10 19:56:49
197
原创 webpack output
webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { // [name] 默认是 main， 可以写固定值 // 文件名称（制定名称+目录） filename: 'js/[name].js',
2020-07-10 19:54:57
165
原创 webpack entry
webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');/** * entry: 入口起点 * 1. string --> './src/index.js' * entry: './src/index.js', * 打包形成一个 chunk， 输出一个 bundle 文件 * fil
2020-07-08 17:06:56
521
原创 webpack 优化
webpack性能优化开发环境性能优化生产环境性能优化开发环境性能优化优化打包构建速度HMR优化代码调试source-map生产环境性能优化优化打包构建速度oneOfbabel缓存多进程打包externalsdll优化代码运行的性能缓存（hash-chunkhash-contenthash）tree shakingcode split懒加载/预加载pwa...
2020-07-08 14:44:49
81
原创 webpack externals技术 + dll技术
externals： 使用cdn引入不需要打包。dll ： 只打包一次。以后不再打包。externalswebpack.config.jsconst {resolve} = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js', output: { filename: 'js/bu
2020-07-07 11:32:56
577
原创 webpack多进程打包技术
thread-loader’ 可以给多个loader 加多线程打包多线程打包 loader{ test: /\.js$/, exclude: /node_modules/, use: [ // 开启多进程打包 // 进程启动大概 600ms， 进程通信 也要花时间。 // 只有工作消耗时间比较长，才需要多进程打包。 // 'thread-loader', // 进程默认 cpu核数-1 { loader: 'thread-loa
2020-07-06 17:32:40
2228
原创 webpack pwa技术
1. webpack.config.jsconst GenerateSW = require('workbox-webpack-plugin');...// 插件module.exports = {... plugins: [ ... new GenerateSW.GenerateSW({ // 帮助 serviceworker 快速启动 // 删除旧的 serviceworker //
2020-07-06 13:56:42
320
原创 webpack tree shaking
webpack.config.jsconst {resolve} = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');// 提取单独css文件 替代 style-loaderconst MiniCssExtractPlugin = require('mini-css-extract-plugin');// 压缩cssconst OptimizeCssAssetsWebpackPlugin = req
2020-07-03 11:18:17
142
原创 webpack 缓存 hash
webpack.config.js搜索：contenthash可以找到相关写法配置const {resolve} = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');// 提取单独css文件 替代 style-loaderconst MiniCssExtractPlugin = require('mini-css-extract-plugin');// 压缩cssconst OptimizeCss
2020-07-02 20:12:57
345
原创 webpack source-map代码构建映射
webpack.config.js中追加如下配置：devtool: 'inline-source-map’ /** * 所有构建工具都是基于nodejs平台运行的，模块化默认采用commonjs * 运行项目指令 * webpack 会打包结果输出 * npx webpack-dev-server 只会在内存中编译打包，没有输出 * * HMR: hot module replacement 热模块替换 / 模块热替换 * 作用： 一个模块发生变化，只会重新打包这一个模块。
2020-07-02 10:53:08
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人