javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-15 19:26:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add postcss-loader by default

Browse Source
This commit is contained in:
Igor Randjelovic
2020-12-03 10:45:30 +01:00
parent fa70654bfc
commit 7df2f09cfc
3 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/webpack5/package.json
View File

@ -16,6 +16,7 @@
"prepack": "npm run build && cp -R src/stubs dist/stubs && chmod +x dist/bin/index.js" "prepack": "npm run build && cp -R src/stubs dist/stubs && chmod +x dist/bin/index.js"
}, },
"dependencies": { "dependencies": {
"@babel/core": "^7.12.9",
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
"@types/sax": "^1.2.1", "@types/sax": "^1.2.1",
"babel-loader": "^8.2.1", "babel-loader": "^8.2.1",
@ -29,6 +30,9 @@
"fork-ts-checker-webpack-plugin": "^6.0.3", "fork-ts-checker-webpack-plugin": "^6.0.3",
"loader-utils": "^2.0.0", "loader-utils": "^2.0.0",
"micromatch": "^4.0.2", "micromatch": "^4.0.2",
"postcss": "^8.1.13",
"postcss-import": "^13.0.0",
"postcss-loader": "^4.1.0",
"raw-loader": "^4.0.2", "raw-loader": "^4.0.2",
"react-refresh": "^0.9.0", "react-refresh": "^0.9.0",
"sass": "^1.29.0", "sass": "^1.29.0",

22
packages/webpack5/src/configuration/base.ts
View File

@ -166,6 +166,18 @@ export default function (config: Config, env: IWebpackEnv): Config {
}, },
}); });
// default PostCSS options to use
// projects can change settings
// via postcss.config.js
const postCSSOptions = {
postcssOptions: {
plugins: [
// inlines @imported stylesheets
'postcss-import',
],
},
};
// set up css // set up css
config.module config.module
.rule('css') .rule('css')
@ -174,7 +186,11 @@ export default function (config: Config, env: IWebpackEnv): Config {
.loader('apply-css-loader') .loader('apply-css-loader')
.end() .end()
.use('css2json-loader') .use('css2json-loader')
.loader('css2json-loader'); .loader('css2json-loader')
.end()
.use('postcss-loader')
.loader('postcss-loader')
.options(postCSSOptions);
// set up scss // set up scss
config.module config.module
@ -186,6 +202,10 @@ export default function (config: Config, env: IWebpackEnv): Config {
.use('css2json-loader') .use('css2json-loader')
.loader('css2json-loader') .loader('css2json-loader')
.end() .end()
.use('postcss-loader')
.loader('postcss-loader')
.options(postCSSOptions)
.end()
.use('sass-loader') .use('sass-loader')
.loader('sass-loader'); .loader('sass-loader');

5
packages/webpack5/src/helpers/externalConfigs.ts
View File

@ -9,6 +9,11 @@ import { clearCurrentPlugin, setCurrentPlugin } from '../index';
export function applyExternalConfigs() { export function applyExternalConfigs() {
getAllDependencies().forEach((dependency) => { getAllDependencies().forEach((dependency) => {
const packagePath = getDependencyPath(dependency); const packagePath = getDependencyPath(dependency);
if (!packagePath) {
return;
}
const configPath = path.join(packagePath, 'nativescript.webpack.js'); const configPath = path.join(packagePath, 'nativescript.webpack.js');
if (fs.existsSync(configPath)) { if (fs.existsSync(configPath)) {