最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

使用Webpack,是否可以仅生成CSS,但不包括output.js?

IT培训 admin 3浏览 0评论

使用Webpack,是否可以仅生成CSS,但不包括output.js?

我将Webpack与extract-text-webpack-plugin一起使用。

在我的项目中,我有一些构建脚本。其中一种构建脚本应该仅捆绑和缩小CSS。当我将Webpack用于其他脚本时,我发现即使我只想捆扎并缩小CSS

也可以使用Webpack。

它工作正常,但是我无法摆脱output.js文件。我不要生成的webpack输出文件。我只想要此特定脚本的CSS。

是否有摆脱结果的JS的方法?如果没有,您是否建议使用其他任何专门用于处理CSS的工具?谢谢。

回答如下:

有一种简单的方法,不需要额外的工具。

这是一种简单的方法,除了已经使用的库,您不需要其他的库:webpack和extract-text-webpack-plugin。

简而言之:

使输出的js和css文件具有相同的名称,然后css文件将覆盖js文件。

一个真实的例子(webpack 2.x):

import path from 'path'
import ExtractTextPlugin from 'extract-text-webpack-plugin'

const config = {
  target: 'web',
  entry: {
    'one': './src/one.css',
    'two': './src/two.css'
  },
  output: {
    path: path.join(__dirname, './dist/'),
    filename: '[name].css' // output js file name is identical to css file name
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('[name].css') // css file will override generated js file
  ]
}

使用Webpack,是否可以仅生成CSS,但不包括output.js?

我将Webpack与extract-text-webpack-plugin一起使用。

在我的项目中,我有一些构建脚本。其中一种构建脚本应该仅捆绑和缩小CSS。当我将Webpack用于其他脚本时,我发现即使我只想捆扎并缩小CSS

也可以使用Webpack。

它工作正常,但是我无法摆脱output.js文件。我不要生成的webpack输出文件。我只想要此特定脚本的CSS。

是否有摆脱结果的JS的方法?如果没有,您是否建议使用其他任何专门用于处理CSS的工具?谢谢。

回答如下:

有一种简单的方法,不需要额外的工具。

这是一种简单的方法,除了已经使用的库,您不需要其他的库:webpack和extract-text-webpack-plugin。

简而言之:

使输出的js和css文件具有相同的名称,然后css文件将覆盖js文件。

一个真实的例子(webpack 2.x):

import path from 'path'
import ExtractTextPlugin from 'extract-text-webpack-plugin'

const config = {
  target: 'web',
  entry: {
    'one': './src/one.css',
    'two': './src/two.css'
  },
  output: {
    path: path.join(__dirname, './dist/'),
    filename: '[name].css' // output js file name is identical to css file name
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('[name].css') // css file will override generated js file
  ]
}
发布评论

评论列表 (0)

  1. 暂无评论