Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

338
Vistas
Rollup + vue3 - plugin commonjs--resolver SyntaxError - estilo de etiqueta incomprensible en tepmlate

Tengo un problema con la construcción de la biblioteca en vue3 + rollup. ¿Alguien tiene alguna idea? Cuando elimino la etiqueta de template.vue, el proyecto se compila correctamente.

Salida: [!] (complemento commonjs--resolver) SyntaxError: /shared-vue3/src/lib-components/shared/ShEntryWrapper.vue?vue&type=style&index=0&scoped=true&lang.css: Token inesperado (1:0)

resumen.config

 const baseConfig = { plugins: { preVue: [ alias({ entries: [ { find: '@', replacement: `${path.resolve(projectRoot, 'src')}` } ] }) ], replace: { 'process.env.NODE_ENV': JSON.stringify('production') }, vue: { isProduction: true, style: { isProd: true, preprocessLang: 'scss', scoped: true } }, postVue: [ resolve({ extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'] }), commonjs() ], babel: { exclude: 'node_modules/**', extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'], babelHelpers: 'bundled' } } }; const esConfig = { ...baseConfig, input: 'src/entry.esm.ts', external, output: { file: 'dist/pixel-vue-shared.esm.js', format: 'esm', exports: 'named' }, plugins: [ peerDepsExternal(), replace(baseConfig.plugins.replace), ...baseConfig.plugins.preVue, vue(baseConfig.plugins.vue), ...baseConfig.plugins.postVue, // Only use typescript for declarations - babel will // do actual js transformations typescript({ typescript: ttypescript, useTsconfigDeclarationDir: true, emitDeclarationOnly: true, declaration: true }), babel({ ...baseConfig.plugins.babel, presets: [ [ '@babel/preset-env', { ...babelPresetEnvConfig, targets: esbrowserslist } ] ] }), terser({ compress: { unsafe: true }, mangle: true, keep_fnames: true, keep_classnames: true, output: { ecma: 5 } }) ] };

Este código funciona con vue2.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda