相关疑难解决方法(0)

我希望发生以下事情:

1. 让流程自动化服务器端.

2. 只需能够像我在代码中的CSS文件一样引用LESS文件.

3. 用户返回缩小的CSS而不是LESS文件 - 缓存,因此除非LESS文件已更新,否则编译器不需要运行.

4. 为此,可以使用在我的域中任何位置引用的任何 LESS文件.

我发现Lessphp,但文档不是很清楚,也没有解释如何动态获取任何LESS文件.我想我会发布我是如何完成所有工作的,因为我还没有看到如何通过PHP实现这一点.

多年来我一直在尝试让 CSS 源映射在 webpack 中工作，但没有成功。我不确定链条中哪里出了问题。我希望有人能指出我正确的方向。

这是发生的事情：

行号是错误的，实际上文件名也是错误的。main.less只是包含一堆@imports，实际的 CSS 位于不同的文件中。

下面是我的webpack.config.js. 我用它来打印它，util.inspect因为它是由许多不同的块组合而成的，我认为这样更容易阅读：

{ target: 'web',
  context: '/home/me/Projects/myproject',
  mode: 'production',
  entry: 
   { main: 
      [ '/home/me/Projects/myproject/assets/scripts/lib/autofocus-polyfill',
        '/home/me/Projects/myproject/assets/scripts/lib/matches-polyfill',
        'whatwg-fetch',
        'core-js/es6',
        'core-js/stage/4',
        '/home/me/Projects/myproject/assets/main' ],
     print: 
      [ '/home/me/Projects/myproject/assets/stylesheets/print' ] },
  output: 
   { path: '/home/me/Projects/myproject/www/assets',
     pathinfo: false,
     publicPath: '/assets/',
     crossOriginLoading: 'anonymous',
     filename: '[name].[chunkhash].js',
     chunkFilename: 'chunk.[chunkhash].js' },
  resolve: 
   { modules: 
      [ '/home/me/Projects/myproject/assets',
        '/home/me/Projects/myproject/node_modules/',
        '/home/me/Projects/myproject/vendor/' ],
     alias: 
      { 'jquery-ui/ui/widget': '/home/me/Projects/myproject/node_modules/jquery-ui/widget.js' },
     extensions: [ '.jsx', '.js', '.less', '.css' ] },
  node: { …