Socket
Socket
Sign inDemoInstall

vue-cli-plugin-tailwind

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-cli-plugin-tailwind - npm Package Compare versions

Comparing version 1.5.0 to 2.0.0

23

generator/index.js
const fs = require('fs');
const path = require('path');
const filenameTailwind = 'tailwind.config.js';
function loadModule(src, filename) {

@@ -38,5 +40,17 @@ var Module = module.constructor;

const tailwind = path.resolve('./node_modules/.bin/tailwind');
spawnSync(tailwind, args, { shell: process.platform === 'win32'});
spawnSync(tailwind, args, { shell: process.platform === 'win32' });
}
function injectPurgeConfig(ctx) {
const configPath = path.join(ctx, filenameTailwind);
const tailwindConfig = fs.readFileSync(configPath, 'utf-8');
fs.writeFileSync(
configPath,
tailwindConfig.replace(
'purge: []',
"purge: { content: ['./public/**/*.html', './src/**/*.vue'] }",
),
);
}
module.exports = (api, options) => {

@@ -48,3 +62,2 @@ const postcss = readPostcssConfig(api.generator);

tailwindcss: {},
'vue-cli-plugin-tailwind/purgecss': {},
autoprefixer: {},

@@ -63,5 +76,4 @@ },

if (options.replaceConfig) {
const filename = 'tailwind.config.js';
delete api.generator.files[filename];
const configPath = path.join(api.generator.context, filename);
delete api.generator.files[filenameTailwind];
const configPath = path.join(api.generator.context, filenameTailwind);
try {

@@ -77,4 +89,5 @@ fs.unlinkSync(configPath);

generateConfig(options.initConfig);
injectPurgeConfig(api.generator.context);
});
}
};
{
"name": "vue-cli-plugin-tailwind",
"version": "1.5.0",
"version": "2.0.0",
"description": "vue-cli plugin for Tailwind CSS",

@@ -21,5 +21,6 @@ "author": "Jens Eggerstedt <j.eggerstedt@kaibatech.de>",

"dependencies": {
"@fullhuman/postcss-purgecss": "^2.3.0",
"tailwindcss": "^1.8.9"
"autoprefixer": "^9",
"postcss": "^7",
"tailwindcss": "2.0.1-compat"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc