PrimeNG + 网页包

Question

我只是想分享一下我在使用 PrimeNG 和 Webpack 时出现许多如下警告的问题的经验。

WARNING in ../MyProjectName/~/primeng/components/orderlist/orderlist.js
Cannot find source file '../../src/app/components/orderlist/orderlist.ts': Error: C               an't resolve '../../src/app/components/orderlist/orderlist.ts' in '...MyProjectName\node_modules\primeng\components\orderlist'
 @ ../MyProjectName/~/primeng/primeng.js 50:9-52

...

这是 primeng 组件的所有源映射中硬编码路由的问题。

Answer 1

解决方案是在 webpack.config.js:

中排除 node_modules\primeng

    "enforce": "pre",
    "test": /\.js$/,
    "loader": "source-map-loader",
    "exclude": [
                /\/node_modules\//,
                path.join(process.cwd(), "node_modules\primeng"),
     ]

PrimeNG + 网页包

PrimeNG + Webpack

minify

webpack

webpack-dev-server

primeng