跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • Vue2 项目怎么整合 esbuild-loader,研究了很久还是失败
未分類
11 1 月 2021

Vue2 项目怎么整合 esbuild-loader,研究了很久还是失败

Vue2 项目怎么整合 esbuild-loader,研究了很久还是失败

資深大佬 : Cbdy 0

老项目改造,不考虑 vite

核心的 webpack.config.js 差不多是这样写的,但是不知道为啥 esbuid-loader 没有把 js 转译成 es2015

有没有大佬帮忙看看

const { resolve } = require('path') const { ESBuildPlugin } = require('esbuild-loader') const VueLoaderPlugin = require('vue-loader/lib/plugin')  const { createTemplatePlugin } = require('./template.plugin.cjs')  const entry = {     app: './src/app.js',     bpp: './src/bpp.js', }  const templatePlugins = Object.keys(entry).map(it => createTemplatePlugin({     chunks: [it],     filename: `${it}.html`, }))  const config = {     module: {         rules: [             {                 test: /.vue$/,                 loader: 'vue-loader',                 exclude: /node_modules/,             }, {                 test: /.js$/,                 use: [{                     loader: 'esbuild-loader',                     options: {                         target: 'es2015'                     }                 }],                 exclude: /node_modules/,             }, {                 test: /.(png|jpg|jpeg|gif)$/,                 use: [{ loader: 'file-loader', options: { outputPath: 'assets' } }],             }, {                 test: /.(css|less)$/,                 use: [                     { loader: 'style-loader' },                     { loader: 'css-loader' },                     { loader: 'less-loader' },                 ],                 exclude: /node_modules/             }         ]     },     resolve: {         extensions: ['.vue', '.js']     },     plugins: [         new VueLoaderPlugin(),         new ESBuildPlugin(),         ...templatePlugins,     ],     optimization: {         splitChunks: {             chunks: 'all',             automaticNameDelimiter: '_',         },     },     entry,     output: {         filename: '[name].[chunkhash].js',         chunkFilename: '[name].[chunkhash].js',         path: resolve(__dirname, 'dist')     },     mode: 'development', }  module.exports = config   

大佬有話說 (1)

  • 資深大佬 : zzk1989

    vite-for-vue2
    vue-rollup-boilerplate
    这些用到了 esbuid 的项目都可以考虑,esbuid 引入 element-ui 会报错,可以用 cdn 方式引入

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具