144 lines
No EOL
4.2 KiB
JavaScript
144 lines
No EOL
4.2 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
|
|
const localRequire = require('../utils/localRequire');
|
|
|
|
const loadPlugins = require('../utils/loadPlugins');
|
|
|
|
const md5 = require('../utils/md5');
|
|
|
|
const postcss = require('postcss');
|
|
|
|
const FileSystemLoader = require('css-modules-loader-core/lib/file-system-loader');
|
|
|
|
const semver = require('semver');
|
|
|
|
const path = require('path');
|
|
|
|
const fs = require('@parcel/fs');
|
|
|
|
module.exports =
|
|
/*#__PURE__*/
|
|
function () {
|
|
var _ref = (0, _asyncToGenerator2.default)(function* (asset) {
|
|
let config = yield getConfig(asset);
|
|
|
|
if (!config) {
|
|
return;
|
|
}
|
|
|
|
yield asset.parseIfNeeded();
|
|
let res = yield postcss(config.plugins).process(asset.getCSSAst(), config);
|
|
asset.ast.css = res.css;
|
|
asset.ast.dirty = false;
|
|
asset.sourceMap = res.map ? res.map.toJSON() : null;
|
|
});
|
|
|
|
return function (_x) {
|
|
return _ref.apply(this, arguments);
|
|
};
|
|
}();
|
|
|
|
function getConfig(_x2) {
|
|
return _getConfig.apply(this, arguments);
|
|
}
|
|
|
|
function _getConfig() {
|
|
_getConfig = (0, _asyncToGenerator2.default)(function* (asset) {
|
|
let config = yield asset.getConfig(['.postcssrc', '.postcssrc.json', '.postcssrc.js', 'postcss.config.js'], {
|
|
packageKey: 'postcss'
|
|
});
|
|
let enableModules = asset.options.rendition && asset.options.rendition.modules;
|
|
|
|
if (!config && !asset.options.minify && !enableModules) {
|
|
return;
|
|
}
|
|
|
|
config = config || {};
|
|
|
|
if (asset.options.sourceMaps) {
|
|
config.map = {
|
|
inline: false,
|
|
annotation: false,
|
|
sourcesContent: true
|
|
};
|
|
}
|
|
|
|
if (typeof config !== 'object') {
|
|
throw new Error('PostCSS config should be an object.');
|
|
}
|
|
|
|
let postcssModulesConfig = {
|
|
getJSON: (filename, json) => asset.cssModules = json,
|
|
Loader: createLoader(asset),
|
|
generateScopedName: (name, filename) => `_${name}_${md5(filename).substr(0, 5)}`
|
|
};
|
|
|
|
if (config.plugins && config.plugins['postcss-modules']) {
|
|
postcssModulesConfig = Object.assign(postcssModulesConfig, config.plugins['postcss-modules']);
|
|
delete config.plugins['postcss-modules'];
|
|
}
|
|
|
|
config.plugins = yield loadPlugins(config.plugins, asset.name);
|
|
|
|
if (config.modules || enableModules) {
|
|
let postcssModules = yield localRequire('postcss-modules', asset.name);
|
|
config.plugins.push(postcssModules(postcssModulesConfig));
|
|
}
|
|
|
|
if (asset.options.minify) {
|
|
let cssnano = yield localRequire('cssnano', asset.name);
|
|
|
|
let _ref3 = yield localRequire('cssnano/package.json', asset.name),
|
|
version = _ref3.version;
|
|
|
|
config.plugins.push(cssnano((yield asset.getConfig(['cssnano.config.js'])) || {
|
|
// Only enable safe css transforms if cssnano < 4
|
|
// See: https://github.com/parcel-bundler/parcel/issues/698
|
|
// See: https://github.com/ben-eb/cssnano/releases/tag/v4.0.0-rc.0
|
|
safe: semver.satisfies(version, '<4.0.0-rc')
|
|
}));
|
|
}
|
|
|
|
config.from = asset.name;
|
|
config.to = asset.name;
|
|
return config;
|
|
});
|
|
return _getConfig.apply(this, arguments);
|
|
}
|
|
|
|
const createLoader = asset => class ParcelFileSystemLoader extends FileSystemLoader {
|
|
fetch(composesPath, relativeTo) {
|
|
var _this = this;
|
|
|
|
return (0, _asyncToGenerator2.default)(function* () {
|
|
let importPath = composesPath.replace(/^["']|["']$/g, '');
|
|
|
|
const _asset$resolveDepende = asset.resolveDependency(importPath, relativeTo),
|
|
resolved = _asset$resolveDepende.resolved;
|
|
|
|
let rootRelativePath = path.resolve(path.dirname(relativeTo), resolved);
|
|
const root = path.resolve('/'); // fixes an issue on windows which is part of the css-modules-loader-core
|
|
// see https://github.com/css-modules/css-modules-loader-core/issues/230
|
|
|
|
if (rootRelativePath.startsWith(root)) {
|
|
rootRelativePath = rootRelativePath.substr(root.length);
|
|
}
|
|
|
|
const source = yield fs.readFile(resolved, 'utf-8');
|
|
|
|
const _ref2 = yield _this.core.load(source, rootRelativePath, undefined, _this.fetch.bind(_this)),
|
|
exportTokens = _ref2.exportTokens;
|
|
|
|
return exportTokens;
|
|
})();
|
|
}
|
|
|
|
get finalSource() {
|
|
return '';
|
|
}
|
|
|
|
}; |