Gitinn 首页 发现 帮助
注册 登录
u247285
/
datepicker
镜像自地址 https://github.com/Rynxiao/datepicker
1
0
派生 0
文件 工单管理 0 Wiki
浏览代码

feat: add postcss feature

yhhu 6 年之前
父节点
cf84d5d974
当前提交
beb9cf97ba
共有 9 个文件被更改，包括 1134 次插入 和 24 次删除
合并视图 显示文件统计
  1. 1 0
      dist/images/icon-calendar-2_np6.svg
  2. 1 0
      dist/images/icon-close-3ouHO.svg
  3. 16 0
      dist/index.html
  4. 41 0
      dist/main-bundle-7bcd9763.js
  5. 7 0
      dist/main.7bcd97632367f921e277.css
  6. 5 0
      package.json
  7. 8 0
      postcss.config.js
  8. 7 4
      webpack/webpack.config.prod.js
  9. 1048 20
      yarn.lock

文件差异内容过多而无法显示
+ 1 - 0
dist/images/icon-calendar-2_np6.svg


文件差异内容过多而无法显示
+ 1 - 0
dist/images/icon-close-3ouHO.svg


+ 16 - 0
dist/index.html
查看文件 

@@ -0,0 +1,16 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>Datepicker</title>
 
+	
+		<link href="main.7bcd97632367f921e277.css" rel="stylesheet">
 
+	
+</head>
 
+<body>
 
+	<div id="container" class="container"></div>
 
+	
+		<script src="main-bundle-7bcd9763.js"></script>
 
+	
+</body>
 
+</html>

文件差异内容过多而无法显示
+ 41 - 0
dist/main-bundle-7bcd9763.js


文件差异内容过多而无法显示
+ 7 - 0
dist/main.7bcd97632367f921e277.css


+ 5 - 0
package.json
查看文件 

@@ -18,6 +18,7 @@
 
     "react-dom": "^16.5.2"
 
     "react-dom": "^16.5.2"
 
   },
 
   },
 
   "devDependencies": {
 
   "devDependencies": {
 
+    "autoprefixer": "^9.1.5",
 
     "babel-core": "^6.26.3",
 
     "babel-core": "^6.26.3",
 
     "babel-eslint": "^9.0.0",
 
     "babel-eslint": "^9.0.0",
 
     "babel-loader": "7.1.5",
 
     "babel-loader": "7.1.5",
 
@@ -25,6 +26,7 @@
 
     "babel-preset-react": "^6.24.1",
 
     "babel-preset-react": "^6.24.1",
 
     "babel-preset-stage-0": "^6.24.1",
 
     "babel-preset-stage-0": "^6.24.1",
 
     "css-loader": "^1.0.0",
 
     "css-loader": "^1.0.0",
 
+    "cssnano": "^4.1.4",
 
     "eslint": "^5.6.0",
 
     "eslint": "^5.6.0",
 
     "eslint-config-airbnb": "^17.1.0",
 
     "eslint-config-airbnb": "^17.1.0",
 
     "eslint-loader": "^2.1.1",
 
     "eslint-loader": "^2.1.1",
 
@@ -34,8 +36,11 @@
 
     "file-loader": "^2.0.0",
 
     "file-loader": "^2.0.0",
 
     "html-webpack-plugin": "^3.2.0",
 
     "html-webpack-plugin": "^3.2.0",
 
     "mini-css-extract-plugin": "^0.4.3",
 
     "mini-css-extract-plugin": "^0.4.3",
 
+    "postcss-loader": "^3.0.0",
 
+    "postcss-preset-env": "^6.0.7",
 
     "pre-commit": "^1.2.2",
 
     "pre-commit": "^1.2.2",
 
     "style-loader": "^0.23.0",
 
     "style-loader": "^0.23.0",
 
+    "sugarss": "^2.0.0",
 
     "webpack": "^4.19.1",
 
     "webpack": "^4.19.1",
 
     "webpack-cli": "^3.1.0",
 
     "webpack-cli": "^3.1.0",
 
     "webpack-dev-server": "^3.1.8"
 
     "webpack-dev-server": "^3.1.8"

+ 8 - 0
postcss.config.js
查看文件 

@@ -0,0 +1,8 @@
 
+module.exports = ({ file }) => ({
 
+  parser: file.extname === '.pug' ? 'sugarss' : false,
 
+  plugins: {
 
+    'postcss-preset-env': {},
 
+    'autoprefixer': {},
 
+    'cssnano': {},
 
+  },
 
+})

+ 7 - 4
webpack/webpack.config.prod.js
查看文件 

@@ -24,7 +24,7 @@ module.exports = {
 
           {
 
           {
 
             loader: MiniCssExtractPlugin.loader,
 
             loader: MiniCssExtractPlugin.loader,
 
             options: {
 
             options: {
 
-              publicPath: '../dist/styles',
 
+              publicPath: './',
 
             },
 
             },
 
           },
 
           },
 
           {
 
           {
 
@@ -35,20 +35,23 @@ module.exports = {
 
               localIdentName: '[name]__[local]--[hash:base64:5]',
 
               localIdentName: '[name]__[local]--[hash:base64:5]',
 
             },
 
             },
 
           },
 
           },
 
+          'postcss-loader',
 
         ],
 
         ],
 
       },
 
       },
 
       {
 
       {
 
+        test: /\.(jpe?g|png|svg|bmp)$/,
 
         loader: 'file-loader',
 
         loader: 'file-loader',
 
         options: {
 
         options: {
 
-          outputPath: path.resolve(projectPath, 'dist/images'),
 
+          outputPath: 'images/',
 
+          name: '[name]-[hash:base64:5].[ext]',
 
         },
 
         },
 
       },
 
       },
 
     ],
 
     ],
 
   },
 
   },
 
   plugins: [
 
   plugins: [
 
     new MiniCssExtractPlugin({
 
     new MiniCssExtractPlugin({
 
-      filename: '[name].css',
 
-      chunkFilename: '[id].css',
 
+      filename: '[name].[hash].css',
 
+      chunkFilename: '[id].[hash:base64:5].css',
 
     }),
 
     }),
 
     new HtmlWebpackPlugin({
 
     new HtmlWebpackPlugin({
 
       title: 'Datepicker',
 
       title: 'Datepicker',

文件差异内容过多而无法显示
+ 1048 - 20
yarn.lock