mc-form - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

package.json

 {
   "name": "mc-form",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "a configurable form component base on element-ui, wangEditor",
@@ -38,2 +38,3 @@ "main": "dist/index.js",
     "cssnano": "^4.1.10",
+    "mini-css-extract-plugin": "^0.9.0",
     "node-sass": "^4.13.1",
@@ -40,0 +41,0 @@ "postcss": "^7.0.26",

packages/modules/selector.js

@@ -109,2 +109,3 @@ import { PROPS_MIXIN } from '../../mixins';
                 <el-tag
+                  class="mc-selector-tag"
                   key={ index }
@@ -120,2 +121,3 @@ size={ selector.size }
           { editable && <el-button
+            class="mc-selector-btn"
             size={ ui.size }
@@ -122,0 +124,0 @@ type={ selector.type }

postcss.config.js

 module.exports = {
   plugins : [
     require('autoprefixer')({
-      browsers : ['last 10 versions']      //必须设置支持的浏览器才会自动添加添加浏览器兼容
+      overrideBrowserslist : ['last 10 versions']      //必须设置支持的浏览器才会自动添加添加浏览器兼容
     })
   ]
 };

README.md

@@ -64,2 +64,3 @@ ## 介绍 ##
 import McForm from 'mc-form';
+import 'mc-form/dist/assets/index.css';
 
@@ -66,0 +67,0 @@ // 组件安装

webpack.config.js

 const path = require('path');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
   mode: 'development',
-  entry: './index.js',
+  entry: {
+    'index': './index.js',
+    'index.scss': './assets/index.scss.js'
+  },
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
+    filename: '[name].js',
     library: 'McForm',
@@ -33,14 +37,5 @@ libraryTarget: 'commonjs2',
       {
-        test: /\.css$/,
-        use: [
-          'vue-style-loader',
-          { loader: 'css-loader', options: { importLoaders: 1 } },
-          'postcss-loader'
-        ]
-      },
-
-      {
         test: /\.scss$/,
         use: [
-          'vue-style-loader',
+          MiniCssExtractPlugin.loader,
           { loader: 'css-loader', options: { importLoaders: 1 } },
@@ -58,4 +53,8 @@ 'postcss-loader',
     // 请确保引入这个插件！
-    new VueLoaderPlugin()
+    new VueLoaderPlugin(),
+    // 抽离css为单独文件
+    new MiniCssExtractPlugin({
+      filename: 'assets/index.css'
+    })
   ]
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

47

increased by4.44%

Number of lines in readme file

834

increased by0.12%

Worsened metrics

Total package byte prevSize

242280

decreased by-8.15%

Dev dependency count

20

increased by5.26%

Lines of code

2624

decreased by-0.98%

No dependency changes