exports = { module: { rules: [ { test: /\.vue$/, use: 'vue-loader', }, { test: /\.styl(us)?$/, use: [ 'style-loader', 'css-loader', 'stylus-loader', ], }, ], }, } // webpack.config.prod.js const config = require('./webpack.config'); const MiniCssExtractPlugin...
.resourceQuery(/\?vue/).use('px2rem').loader('px2rem-loader').options({remUnit:75})}配置...
单纯看是没有配置好对应文件的 loader,比如说你在 js 文件中使用了 jsx 就需要在 loader 配置里面加上 jsx 项。例如修改 vite.config.js // vite.config.js export default defineConfig({ // ... plugins: [createVuePlugin({ jsx: true })] }) 或者在当前页面的 标签上增加 lang="jsx" ... ...
postcss-px2rem需要低版本的postcss，vuecli5后使用了webpack5+postcss8，不支持旧版本的postcss插件，换一个插件就好了
cnyb-kwangeopened this issueAug 31, 2018· 2 comments cnyb-kwangecommentedAug 31, 2018 Jinjiangclosed this ascompletedSep 9, 2018
配置webpack 的 external,不打包第三方库 配置DllPlugin 和 DllReferencePlugin 将引用的依赖提取出来 webpack 打包 vue 速度慢,可以通过 webpack-bundle-analyzer 进行可视化分析,主要看依赖和 chunks 打包的时间。 减少文件依赖嵌套的深度 使用尽可能少的处理(loader、plugin) ...
vue/) .use('px2rem') .loader('px2rem-loader') .options({ remUnit: 75 ...
postcss-px2rem需要低版本的postcss，vuecli5后使用了webpack5+postcss8，不支持旧版本的postcss插件，换一个插件就好了 vue
单纯看是没有配置好对应文件的 loader,比如说你在 js 文件中使用了 jsx 就需要在 loader 配置里面加上 jsx 项。例如修改 vite.config.js // vite.config.js export default defineConfig({ // ... plugins: [createVuePlugin({ jsx: true })] }) 或者在当前页面的 标签上增加 lang="jsx" ... ...
根据文档,px2rem-loader应该是配置在vue.config.js里的,我开始放在css.loaderOption里,yunq loaderOptions: { px2rem:{ options:{ remUnit:75, dpr:2 } } }, 然后就提示 Invalid options in vue.config.js: child "css" fails because [child "loaderOptions" fails because ["px2rem" is not allowed...