Skip to content

feat: rewrite fs for css #2369

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Blackgan3 wants to merge 4 commits into
base: master
Choose a base branch
from
Open

feat: rewrite fs for css #2369

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e20aa5a
feat: rewrite fs for css
Blackgan3 Dec 23, 2025
c1e6ecc
fix: lint error
Blackgan3 Dec 23, 2025
fa451cf
feat: 修改rewriteFs逻辑
Blackgan3 Dec 24, 2025
f3183db
feat: 支持多种格式注释&支持Mpx文件过滤
Blackgan3 Jan 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 5 additions & 36 deletions packages/webpack-plugin/lib/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,6 @@ const wxssLoaderPath = normalize.lib('wxss/index')
const wxmlLoaderPath = normalize.lib('wxml/loader')
const wxsLoaderPath = normalize.lib('wxs/loader')
const styleCompilerPath = normalize.lib('style-compiler/index')
const styleStripConditionalPath = normalize.lib('style-compiler/strip-conditional-loader')
const templateCompilerPath = normalize.lib('template-compiler/index')
const jsonCompilerPath = normalize.lib('json-compiler/index')
const jsonThemeCompilerPath = normalize.lib('json-compiler/theme')
Expand All @@ -79,7 +78,8 @@ const LoadAsyncChunkModule = require('./react/LoadAsyncChunkModule')
const ExternalModule = require('webpack/lib/ExternalModule')
const { RetryRuntimeModule, RetryRuntimeGlobal } = require('./dependencies/RetryRuntimeModule')
const checkVersionCompatibility = require('./utils/check-core-version-match')

const { rewriteFSForCss, startFSStripForCss } = require('./style-compiler/strip-conditional-loader')
rewriteFSForCss()
checkVersionCompatibility()

const isProductionLikeMode = options => {
Expand Down Expand Up @@ -323,6 +323,9 @@ class MpxWebpackPlugin {
}

apply (compiler) {
// 注入 fs 代理
startFSStripForCss(this.options.defs)

if (!compiler.__mpx__) {
compiler.__mpx__ = true
} else {
Expand Down Expand Up @@ -1914,42 +1917,9 @@ try {
normalModuleFactory.hooks.afterResolve.tap('MpxWebpackPlugin', ({ createData }) => {
const { queryObj } = parseRequest(createData.request)
const loaders = createData.loaders

// 样式 loader 类型检测和条件编译 loader 插入的工具函数
const STYLE_LOADER_TYPES = ['stylus-loader', 'sass-loader', 'less-loader', 'css-loader', wxssLoaderPath]
const injectStyleStripLoader = (loaders) => {
// 检查是否已经存在 stripLoader
const hasStripLoader = loaders.some(loader => {
const loaderPath = toPosix(loader.loader)
return loaderPath.includes('style-compiler/strip-conditional-loader')
})
if (hasStripLoader) {
return
}
const loaderTypes = new Map(STYLE_LOADER_TYPES.map(type => [`node_modules/${type}`, -1]))
loaders.forEach((loader, index) => {
const currentLoader = toPosix(loader.loader)
for (const [key] of loaderTypes) {
if (currentLoader.includes(key)) {
loaderTypes.set(key, index)
break
}
}
})
const targetIndex = STYLE_LOADER_TYPES
.map(type => loaderTypes.get(`node_modules/${type}`))
.find(index => index !== -1)

if (targetIndex !== undefined) {
loaders.splice(targetIndex + 1, 0, { loader: styleStripConditionalPath })
}
}
if (queryObj.mpx && queryObj.mpx !== MPX_PROCESSED_FLAG) {
const type = queryObj.type
const extract = queryObj.extract
if (type === 'styles') {
injectStyleStripLoader(loaders)
}

switch (type) {
case 'styles':
Expand Down Expand Up @@ -2002,7 +1972,6 @@ try {
}
// mpxStyleOptions 为 mpx style 文件的标识，避免 Vue 文件插入 styleCompiler 后导致 vue scoped 样式隔离失效
if (isWeb(mpx.mode) && queryObj.mpxStyleOptions) {
injectStyleStripLoader(loaders)
const firstLoader = loaders[0] ? toPosix(loaders[0].loader) : ''
const isPitcherRequest = firstLoader.includes('node_modules/vue-loader/lib/loaders/pitcher')
let cssLoaderIndex = -1
Expand Down
Loading